/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

4 votes321 views2 answers
Google map react search place
Javascript React
7 votes340 views4 answers
Import image in react js
Javascript React
3 votes328 views2 answers
React focus
Javascript React
0 vote345 views1 answer
React interactions
Javascript React
0 vote335 views1 answer
Button size react native
Javascript React
0 vote336 views1 answer
React native header height
Javascript React
0 vote348 views1 answer
Connect react with database server
Javascript React
0 vote321 views1 answer
Text decoration react native
Javascript React
0 vote354 views1 answer
React inject component into another component
Javascript React
0 vote394 views1 answer
React convert table to pdf
Javascript React