From 189bd6d16a59b37771f5b2eb171aa24cb3351416 Mon Sep 17 00:00:00 2001
From: Nathan Bierema <nbierema@gmail.com>
Date: Sat, 31 May 2025 14:23:42 -0400
Subject: [PATCH] Fix

---
 .../demo/src/features/pokemon/Pokemon.tsx          | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/packages/redux-devtools-rtk-query-monitor/demo/src/features/pokemon/Pokemon.tsx b/packages/redux-devtools-rtk-query-monitor/demo/src/features/pokemon/Pokemon.tsx
index 2bfbd26d..2d76ad71 100644
--- a/packages/redux-devtools-rtk-query-monitor/demo/src/features/pokemon/Pokemon.tsx
+++ b/packages/redux-devtools-rtk-query-monitor/demo/src/features/pokemon/Pokemon.tsx
@@ -5,11 +5,11 @@ import type { PokemonName } from '../../pokemon.data';
 
 const intervalOptions = createListCollection({
   items: [
-    { label: 'Off', value: 0 },
-    { label: '3s', value: 3000 },
-    { label: '5s', value: 5000 },
-    { label: '10s', value: 10000 },
-    { label: '1m', value: 60000 },
+    { label: 'Off', value: '0' },
+    { label: '3s', value: '3000' },
+    { label: '5s', value: '5000' },
+    { label: '10s', value: '10000' },
+    { label: '1m', value: '60000' },
   ],
 });
 
@@ -46,7 +46,9 @@ export function Pokemon({ name }: { name: PokemonName }) {
             <Select.Root
               collection={intervalOptions}
               value={[pollingInterval.toString()]}
-              onValueChange={({ value }) => setPollingInterval(Number(value))}
+              onValueChange={({ value }) =>
+                setPollingInterval(Number(value[0]))
+              }
             >
               <Select.HiddenSelect />
               <Select.Label>Polling interval</Select.Label>