fix(web-analytics): validate web analytics filters from url (#19967)

* fix(web-analytics): validate web analytics filters from url

* Hide warning

* Import order

frontend/src/queries/schema-guards.ts

@@ -0,0 +1,17 @@
+import Ajv from 'ajv'
+
+import { WebAnalyticsPropertyFilters } from '~/queries/schema'
+
+import schema from './schema.json'
+const ajv = new Ajv({
+    allowUnionTypes: true,
+})
+ajv.addSchema(schema)
+
+export const isWebAnalyticsPropertyFilters = (data: unknown): data is WebAnalyticsPropertyFilters => {
+    const validator = ajv.getSchema('#/definitions/WebAnalyticsPropertyFilters')
+    if (!validator) {
+        throw new Error('Could not find validator for WebAnalyticsPropertyFilters')
+    }
+    return validator(data) as boolean
+}

frontend/src/scenes/web-analytics/webAnalyticsLogic.ts

@@ -15,6 +15,7 @@ import {
     WebAnalyticsPropertyFilters,
     WebStatsBreakdown,
 } from '~/queries/schema'
+import { isWebAnalyticsPropertyFilters } from '~/queries/schema-guards'
 import {
     BaseMathType,
     ChartDisplayType,
@@ -997,8 +998,10 @@ export const webAnalyticsLogic = kea<webAnalyticsLogicType>([
             _,
             { filters, date_from, date_to, interval, device_tab, source_tab, graphs_tab, path_tab, geography_tab }
         ) => {
+            const parsedFilters = isWebAnalyticsPropertyFilters(filters) ? filters : initialWebAnalyticsFilter
+
             actions.setStateFromUrl({
-                filters: filters || initialWebAnalyticsFilter,
+                filters: parsedFilters,
                 dateFrom: date_from || null,
                 dateTo: date_to || null,
                 interval: interval || null,