/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

1 vote369 views1 answer
React-router-dom v6 redirect
Javascript React
4 votes369 views1 answer
How to empty form after submit in react
Javascript React
18 votes364 views6 answers
Import svg as react component
Javascript React
0 vote373 views1 answer
React 10 to 1 with step -2 (odd numbers between [1..10] inverted order)
Javascript React
0 vote387 views1 answer
React native mock
Javascript React
0 vote353 views1 answer
Clear input field react-hook-form
Javascript React
0 vote381 views1 answer
React native elements bottom sheet
Javascript React
0 vote360 views1 answer
React native get navigation bar height
Javascript React
0 vote349 views1 answer
[Design System React] App element is not defined. Please use Settings.setAppElement(el)
Javascript React
1 vote414 views2 answers
Switch in react
Javascript React