/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 vote127 views2 answers
Login with facebook expo react native
Javascript React
0 vote230 views1 answer
Canvas js in react
Javascript React
1 vote136 views1 answer
React-bootstrap navbar nav link refreshes page
Javascript React
0 vote116 views1 answer
Ng-class equivalent in react
Javascript React
3 votes137 views2 answers
React get route path
Javascript React
26 votes124 views5 answers
React font-awesome
Javascript React
1 vote176 views1 answer
React create list of components
Javascript React
68 votes120 views3 answers
React add inline styles in react
Javascript React
0 vote119 views1 answer
Donwload data from react js in json file
Javascript React
8 votes120 views1 answer
React hooks with objects
Javascript React