[persisters] useCreatePersister generics

Author: jamesgpearce

src/types/ui-react.d.ts

@@ -835,13 +835,15 @@ export function useCheckpointListener(
 ): void;
 
 /// useCreatePersister
-export function useCreatePersister(
+export function useCreatePersister<
+  PersisterOrUndefined extends Persister | undefined,
+>(
   store: Store,
-  create: (store: Store) => Persister | undefined,
+  create: (store: Store) => PersisterOrUndefined,
   createDeps?: React.DependencyList,
-  then?: (persister?: Persister) => Promise<void>,
+  then?: (persister: PersisterOrUndefined) => Promise<void>,
   thenDeps?: React.DependencyList,
-): Persister | undefined;
+): PersisterOrUndefined;
 
 /// ExtraProps
 export type ExtraProps = {[propName: string]: any};

src/types/with-schemas/ui-react.d.ts

@@ -991,13 +991,15 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
   ) => void;
 
   /// useCreatePersister
-  useCreatePersister: (
+  useCreatePersister: <
+    PersisterOrUndefined extends Persister<Schemas> | undefined,
+  >(
     store: Store<Schemas>,
-    create: (store: Store<Schemas>) => Persister<Schemas> | undefined,
+    create: (store: Store<Schemas>) => PersisterOrUndefined,
     createDeps?: React.DependencyList,
-    then?: (persister?: Persister<Schemas>) => Promise<void>,
+    then?: (persister?: PersisterOrUndefined) => Promise<void>,
     thenDeps?: React.DependencyList,
-  ) => Persister<Schemas> | undefined;
+  ) => PersisterOrUndefined;
 
   /// ExtraProps
   ExtraProps: ExtraProps;

src/ui-react/hooks.ts

@@ -1500,13 +1500,15 @@ export const useCheckpointListener: typeof useCheckpointListenerDecl = (
     [checkpointId],
   );
 
-export const useCreatePersister: typeof useCreatePersisterDecl = (
+export const useCreatePersister: typeof useCreatePersisterDecl = <
+  PersisterOrUndefined extends Persister | undefined,
+>(
   store: Store,
-  create: (store: Store) => Persister | undefined,
+  create: (store: Store) => PersisterOrUndefined,
   createDeps: React.DependencyList = [],
-  then?: (persister?: Persister) => Promise<void>,
+  then?: (persister: PersisterOrUndefined) => Promise<void>,
   thenDeps: React.DependencyList = [],
-): Persister | undefined => {
+): PersisterOrUndefined => {
   const [, setDone] = useState<1>();
   const persister = useMemo(
     () => create(store),