/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 votes335 views1 answer
Property 'target' does not exist on type 'string' react
Javascript React
11 votes320 views5 answers
React router refresh page
Javascript React
0 vote288 views1 answer
React useState vs variable
Javascript React
0 vote326 views2 answers
React show view based on role permission
Javascript React
3 votes333 views1 answer
White screen issue in react native splashscreen
Javascript React
0 vote326 views1 answer
Angular reactive form remove validation
Javascript React
0 vote425 views3 answers
Redirect is not defined react/jsx-no-undef
Javascript React
9 votes286 views4 answers
Firebase' is not defined no-undef react
Javascript React
2 votes337 views1 answer
React Refused to execute inline script because it violates the following Content Security Policy directive
Javascript React
4 votes321 views3 answers
React link underline
Javascript React