/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 votes111 views2 answers
React native image swiper
Javascript React
-2 votes159 views1 answer
Redux template create react app
Javascript React
0 vote104 views1 answer
Unable to resolve module `@react-native-community/toolbar-android
Javascript React
2 votes111 views4 answers
Date range picker react
Javascript React
0 vote114 views1 answer
Duplicate module name: React Native hasteimpl react native android
Javascript React
0 vote105 views1 answer
Pagination hook react
Javascript React
0 vote103 views2 answers
Error: Error: Unable to resolve module react-native-gesture-handler
Javascript React
0 vote98 views1 answer
Input hook react
Javascript React
5 votes96 views1 answer
React dom
Javascript React
0 vote115 views1 answer
How to disable button if errors object isnt empty in react hook form
Javascript React