/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

114 votes212 views3 answers
Run react app
Javascript React
0 vote229 views1 answer
React first click not working
Javascript React
0 vote227 views1 answer
React js how to do array range
Javascript React
0 vote291 views1 answer
Attempted import error: 'Map' is not exported from 'react-leaflet' (imported as 'LeafletMap').
Javascript React
0 vote250 views1 answer
Modal in react
Javascript React
0 vote244 views1 answer
Create react expo
Javascript React
1 vote245 views2 answers
Flatlist onrefresh react native
Javascript React
0 vote283 views1 answer
How set default value for react-select
Javascript React
1 vote209 views1 answer
React transition group
Javascript React
4 votes218 views1 answer
Add array of object to state react
Javascript React