/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

1 vote183 views1 answer
How to set height of material ui dialog react
Javascript React
3 votes163 views1 answer
React native class component constructor
Javascript React
0 vote182 views1 answer
React hook form reset only one field
Javascript React
0 vote142 views2 answers
.env file example react native
Javascript React
0 vote139 views1 answer
Npm: Create react chrome extension
Javascript React
7 votes148 views2 answers
React router 6 redirect
Javascript React
0 vote170 views1 answer
How to send data to another page in react from button
Javascript React
1 vote150 views1 answer
React admin newrecords.foreach is not a function
Javascript React
31 votes129 views1 answer
Download react router dom
Javascript React
0 vote148 views1 answer
Appregistry react native
Javascript React