/Javascript/React/How to setup React Context, useContext Hook

How to setup React Context, useContext Hook

export const AuthContext = createContext(INITIAL_STATE);

export const AuthContextProvider = ({ children }) => {
  const [state, dispatch] = useReducer(authReducer, INITIAL_STATE);

  useEffect(() => {
    localStorage.setItem("user", JSON.stringify(state.user));
  }, [state]);

  return (
    <AuthContext.Provider
      value={{
        user: state.user,
        isFetching: state.isFetching,
        error: state.error,
        dispatch,
      }}
    >
      {children}
    </AuthContext.Provider>
  );
};

export default AuthContext;

Source: github.com

Similar codes

0 vote214 views1 answer
React js error stackoverflaw
Javascript React
0 vote214 views1 answer
Module not found: Can't resolve 'jquery' in react
Javascript React
3 votes219 views2 answers
Get param is react
Javascript React
-1 vote200 views1 answer
New Map() collection in react state
Javascript React
0 vote208 views1 answer
How to extract params from received link in react native firebase dynamiclink?
Javascript React
2 votes240 views2 answers
Chrome back button click event react
Javascript React
0 vote220 views2 answers
Write data in props.histroy.push in react component
Javascript React
1 vote223 views1 answer
Can't type in react input text field
Javascript React
1 vote206 views2 answers
'Switch' is not exported from 'react-router-dom'
Javascript React
0 vote211 views3 answers
How to serve React JS static files with express JS?
Javascript React