/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 vote151 views1 answer
Background image not loading from a link react
Javascript React
1 vote139 views1 answer
Two proptypes in react
Javascript React
1 vote119 views1 answer
React-native-paper password input
Javascript React
0 vote131 views1 answer
How to disable reactive form submit button in Angular
Javascript React
-1 vote125 views2 answers
Email validation in react js
Javascript React
0 vote141 views1 answer
React scrip for deplot heroku
Javascript React
0 vote133 views1 answer
React native calender date picker
Javascript React
0 vote129 views1 answer
How to extract params from received link in react native firebase dynamiclink?
Javascript React
27 votes138 views4 answers
Font awesome react npm
Javascript React
0 vote163 views1 answer
Make a ReactNative component take the height and width of the current window
Javascript React