Как исправить React Hooks после обновления до NextJS 9.0?

Question

После обновления nextjs до 9.0.0 эта проблема возникла во время сборки. nex^8.1.0 → ^9.0.0
В компонентах страницы я использую глобальное хранилище, которое я установил ранее.

const { state, dispatch } = React.useContext(React.createContext())

Сообщение об ошибке:
TypeError: Cannot read property 'state' of undefined, > Build error occurred

Answer 1

Оказалось, я должен предоставить значение по умолчанию для React.createContext() У меня были начальные значения, но я передавал их Store.Provider,

export function StoreProvider(props) {
  const [state, dispatch] = React.useReducer(reducer, initialState);
  const value = { state, dispatch };
  return <Store.Provider value={value}>{props.children}</Store.Provider>}

Я просто должен был добавить initialState к createContext()

export const Store = React.createContext({ state: initialState })