/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 votes272 views1 answer
On window resize react
Javascript React
0 vote320 views1 answer
How to make dynamic title for screen in react native
Javascript React
0 vote325 views1 answer
Pass text to button component react
Javascript React
0 vote295 views1 answer
Error React Hook "useStaticQuery" is called in function
Javascript React
0 vote292 views1 answer
React import useCallBack
Javascript React
1 vote316 views1 answer
React-native-paper password input
Javascript React
0 vote308 views1 answer
React native elements bottom sheet close on back button press
Javascript React
0 vote363 views1 answer
Onclick inline function react
Javascript React
7 votes306 views3 answers
Add backgorund image in react native app
Javascript React
0 vote340 views1 answer
React.common.JavascriptException: Error: invalid host
Javascript React