Function ReducerProvider

src/importer/reducer.tsx:229–264

({
  sheets,
  persistenceConfig,
  initialState,
  onStateChanged,
  children,
}: {
  sheets: SheetDefinition[];
  persistenceConfig: PersistenceConfig;
  initialState?: ImporterState;
  onStateChanged?: (prev: ImporterState, next: ImporterState) => void;
  children: ReactNode;
})

);

export function ReducerProvider({
  sheets,
  persistenceConfig,
  initialState,
  onStateChanged,
  children,
}: {
  sheets: SheetDefinition[];
  persistenceConfig: PersistenceConfig;
  initialState?: ImporterState;
  onStateChanged?: (prev: ImporterState, next: ImporterState) => void;
  children: ReactNode;
}) {
  const [state, dispatch] = usePersistedReducer(
    sheets,
    persistenceConfig,
    initialState
  );

  const previousStateRef = useRef(state);

  useEffect(() => {
    if (previousStateRef.current !== state) {
      onStateChanged?.(previousStateRef.current, state);
      previousStateRef.current = state;
    }
  }, [state, onStateChanged]);

  return (
    <ImporterStateContext.Provider value={state}>
      <ImporterStateDispatchContext.Provider value={dispatch}>
        {children}
      </ImporterStateDispatchContext.Provider>
    </ImporterStateContext.Provider>
  );
}

export function useImporterState(): ImporterState {
  return useContext(ImporterStateContext);