/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 vote302 views1 answer
React include a polyfill webpack v5
Javascript React
0 vote223 views1 answer
Can i open native video playback for both (Androidt / IOS) With React Native?
Javascript React
0 vote205 views1 answer
Alert, react native alert
Javascript React
16 votes222 views3 answers
Importing svg into react
Javascript React
0 vote188 views1 answer
Cannot read properties of undefined (reading 'length') selectionlist react native
Javascript React
21 votes229 views6 answers
Shadow in react native
Javascript React
1 vote205 views5 answers
React datepicker
Javascript React
1 vote213 views1 answer
Iconify react
Javascript React
21 votes144 views3 answers
Hide header bar react navigation
Javascript React
50 votes190 views6 answers
Yarn create react app
Javascript React