/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 vote353 views1 answer
Scroll to a input on button click react native
Javascript React
0 vote342 views1 answer
Store data with props in react js
Javascript React
1 vote400 views1 answer
How to use cookies in react js
Javascript React
0 vote359 views1 answer
Search for country name from api with react
Javascript React
0 vote439 views1 answer
How set default value for react-select
Javascript React
8 votes345 views1 answer
Professional react projects
Javascript React
0 vote356 views1 answer
Removing borderline of input in react
Javascript React
0 vote356 views1 answer
Reset reactive state vue 3
Javascript React
1 vote396 views2 answers
Open failed: EACCES (Permission denied) react native
Javascript React
5 votes334 views1 answer
React native text wrap
Javascript React