Initial data for LocalStorage collection

import { createCollection, localOnlyCollectionOptions, localStorageCollectionOptions } from '@tanstack/react-db';
import { z } from 'zod';

const schema = z.object({
  id: z.string(),
  value: z.enum(['light', 'dark']),
});

type Schema = z.infer<typeof schema>;

const initialData: Schema[] = [
  { id: 'theme', value: 'light' },
];

export const uiLocalOnlyCollection = createCollection(
  localOnlyCollectionOptions({
    id: 'ui-local-only',
    schema,
    initialData,
    getKey: (item) => item.id,
  }),
);

// Question: How to set initial data?
export const uiLocalStorageCollection = createCollection(
  localStorageCollectionOptions({
    id: 'ui-local-storage',
    storageKey: 'ui-local-storage',
    schema,
    getKey: (item) => item.id,
  }),
);