/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 vote275 views1 answer
React Native Expo Scrollview Scroll to bottom
Javascript React
0 vote212 views1 answer
React infinte scroll
Javascript React
0 vote216 views1 answer
Form.Control textarea react bootstrap
Javascript React
0 vote232 views1 answer
Making font weight bold by passing value in React.js
Javascript React
0 vote221 views1 answer
React native textinput turnoff capitalize first letter
Javascript React
23 votes272 views6 answers
React hooks useeffect
Javascript React
0 vote223 views1 answer
React particles js
Javascript React
-1 vote214 views1 answer
Paypal in react js
Javascript React
1 vote241 views1 answer
Node js and react js difference
Javascript React
0 vote212 views1 answer
TrackPromise React
Javascript React