This bug has driven lots of coders completely mad. You won't believe how it ended up being fixed

src/pages/Guns.vue

@@ -42,11 +42,13 @@ import {defineComponent} from "vue";
 import {Guns} from "../types/guns";
 import {Response} from "../types/Response";
 import axios from 'axios'
-import {DataTableFilterMeta, DataTableFilterMetaData} from "primevue/datatable";
+import {DataTableFilterMetaData} from "primevue/datatable";
 
 interface Data {
   guns: Array<Guns>
-  filters: DataTableFilterMeta
+  filters: {
+    global: DataTableFilterMetaData
+  }
   loading: boolean
 }
 
@@ -59,7 +61,7 @@ export default defineComponent({
         value: "",
         matchMode: "contains"
       } as DataTableFilterMetaData
-    } as DataTableFilterMeta
+    }
   }),
   computed: {
     total() {