diff --git a/app/components/Models.tsx b/app/components/Models.tsx index 15b3bc8..4a1fb90 100644 --- a/app/components/Models.tsx +++ b/app/components/Models.tsx @@ -29,12 +29,13 @@ const modelDropdown = { const Models: React.FC = () => { // Initialize state with value from localStorage or default to '' - const [radioSelection, setRadioSelection] = useState(() => localStorage.getItem('radioSelection') || ''); - + const [radioSelection, setRadioSelection] = useState(''); + useEffect(() => { const handleStorageChange = () => { setRadioSelection(localStorage.getItem('radioSelection') || ''); }; + handleStorageChange() // Update dropdown immediately when localStorage changes internally or externally window.addEventListener('storage', handleStorageChange);