change to bool

src/state/persisted/schema.ts

@@ -95,7 +95,7 @@ export const schema = z.object({
       isClip: z.boolean().optional(),
     })
     .optional(),
-  usedStarterPacks: z.array(z.string()).optional(),
+  hasCheckedForStarterPack: z.boolean().optional(),
 })
 export type Schema = z.infer<typeof schema>
 
@@ -135,5 +135,5 @@ export const defaults: Schema = {
   disableAutoplay: prefersReducedMotion,
   kawaii: false,
   currentStarterPack: undefined,
-  usedStarterPacks: [],
+  hasCheckedForStarterPack: false,
 }

src/state/preferences/used-starter-packs.tsx

@@ -2,25 +2,25 @@ import React from 'react'
 
 import * as persisted from '#/state/persisted'
 
-type StateContext = string[] | undefined
+type StateContext = boolean | undefined
-type SetContext = (v: string) => void
+type SetContext = (v: boolean) => void
 
-const stateContext = React.createContext<StateContext>([])
+const stateContext = React.createContext<StateContext>(false)
-const setContext = React.createContext<SetContext>((_: string) => {})
+const setContext = React.createContext<SetContext>((_: boolean) => {})
 
 export function Provider({children}: {children: React.ReactNode}) {
   const [state, setState] = React.useState<StateContext>(() =>
-    persisted.get('usedStarterPacks'),
+    persisted.get('hasCheckedForStarterPack'),
   )
 
-  const setStateWrapped = (v: string) => {
+  const setStateWrapped = (v: boolean) => {
-    persisted.write('usedStarterPacks', [...(state ? state : []), v])
+    setState(v)
-    setState(prev => [...(prev ? prev : []), v])
+    persisted.write('hasCheckedForStarterPack', v)
   }
 
   React.useEffect(() => {
     return persisted.onUpdate(() => {
-      setState(persisted.get('usedStarterPacks'))
+      setState(persisted.get('hasCheckedForStarterPack'))
     })
   }, [])