Function usePersistedReducer

src/importer/reducer.tsx:192–221

(
  sheets: SheetDefinition[],
  persistenceConfig: PersistenceConfig,
  initialState?: ImporterState
)

};

const usePersistedReducer = (
  sheets: SheetDefinition[],
  persistenceConfig: PersistenceConfig,
  initialState?: ImporterState
): [ImporterState, (action: ImporterAction) => void] => {
  const [state, dispatch] = useReducer(
    reducer,
    initialState ?? buildInitialState(sheets)
  );

  useEffect(() => {
    const fetchState = async () => {
      const newState = await buildState(sheets, persistenceConfig);
      dispatch({ type: 'SET_STATE', payload: { state: newState } });
    };
    if (initialState == null) {
      fetchState();
    }
    // We only want to fetch the state once
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, []);

  useEffect(() => {
    if (persistenceConfig.enabled) {
      setIndexedDBState(state, persistenceConfig.customKey);
    }
  }, [state, persistenceConfig]);

  return [state, dispatch];
};

const ImporterStateContext = createContext<ImporterState>({} as ImporterState);