Set tabs value from localStorage

[react-ghost]

Has anyone successfully implemented setting a tab value from local storage? I would like to load a current tab from local storage and am doing so pretty simplistically:

const [tabValue, setTabValue] = useLocalStorage<string>("tab-preference", "Tab One");

<Tabs onValueChange={(value) => setTabValue(value)} value={tabValue}>
            <TabsList>
              <TabsTrigger value="Tab One">Tab One</TabsTrigger>
              <TabsTrigger value="Tab Two">Tab Two</TabsTrigger>
            </TabsList>
            <TabsContent value="Tab One">
              <Paragraph>Tab One Content</Paragraph>
            </TabsContent>
            <TabsContent value="Tab Two">
              <Paragraph>Tab Two Content</Paragraph>
            </TabsContent>
          </Tabs>

This doesn't work and resets to 'Tab One' every time even though the value is successfully being set in local storage.

Any ideas?