/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

2 votes339 views1 answer
How to use `setState` callback on react hooks
Javascript React
3 votes386 views2 answers
Use onchange with react select
Javascript React
0 vote369 views1 answer
Javascript ReactDOM.render
Javascript React
0 vote365 views1 answer
Expo cli vs react native cli
Javascript React
0 vote351 views1 answer
Library to add navigation in react native
Javascript React
2 votes359 views2 answers
React not recognizing lorem
Javascript React
0 vote326 views1 answer
Toggle class onscroll hook react
Javascript React
6 votes360 views1 answer
React history with search
Javascript React
1 vote386 views2 answers
Hosting react with pm2
Javascript React
0 vote369 views1 answer
React yup password with number string and uppercase
Javascript React