From a4a25d951d3cd71420f96706eee89a13b5fef58c Mon Sep 17 00:00:00 2001
From: matt423 <matthew.a423@gmail.com>
Date: Fri, 30 Jan 2026 09:59:42 +0000
Subject: [PATCH] Fix AI Transport filter not working on page refresh/direct
 links

The examples filter was using the products list from @ably/ui package
which doesn't include ai_transport. Changed to use the local products
definition that includes all example products including ai_transport.
---
 src/components/Examples/ExamplesContent.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Examples/ExamplesContent.tsx b/src/components/Examples/ExamplesContent.tsx
index 3bc2b17686..6a4a4a916b 100644
--- a/src/components/Examples/ExamplesContent.tsx
+++ b/src/components/Examples/ExamplesContent.tsx
@@ -3,10 +3,10 @@ import { StaticImage } from 'gatsby-plugin-image';
 import ExamplesGrid from './ExamplesGrid';
 import ExamplesFilter from './ExamplesFilter';
 import { ImageProps } from '../Image';
-import { examples } from '../../data/examples/';
+import { examples, products } from '../../data/examples/';
 import { filterSearchExamples } from './filter-search-examples';
 import ExamplesNoResults from './ExamplesNoResults';
-import { ProductName, products as dataProducts } from '@ably/ui/core/ProductTile/data';
+import { ProductName } from '@ably/ui/core/ProductTile/data';
 import { useLocation } from '@reach/router';
 
 export type SelectedFilters = { products: ProductName[]; useCases: string[] };
@@ -18,7 +18,7 @@ const ExamplesContent = ({ exampleImages }: { exampleImages: ImageProps[] }) =>
   const getInitialProducts = (): ProductName[] => {
     const params = new URLSearchParams(location.search);
     const productParam = params.get('product');
-    const validProductNames = Object.keys(dataProducts).map((product) => product.toLowerCase());
+    const validProductNames = Object.keys(products).map((product) => product.toLowerCase());
 
     if (!productParam) {
       return [];
@@ -29,7 +29,7 @@ const ExamplesContent = ({ exampleImages }: { exampleImages: ImageProps[] }) =>
       .split(',')
       .map((p) => p.trim())
       .filter((product): product is ProductName =>
-        // Check if the product is a key in dataProducts
+        // Check if the product is a key in products
         validProductNames.includes(product as string),
       ) as ProductName[];
   };