/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 vote164 views1 answer
Retour a la ligne <p> react
Javascript React
0 vote153 views1 answer
React-native-ffmpeg gradel issue
Javascript React
0 vote150 views1 answer
React file preview
Javascript React
1 vote155 views1 answer
Running scripts is disabled on this system react js
Javascript React
0 vote137 views1 answer
Form changes button enable reactive forms
Javascript React
0 vote154 views1 answer
React userefrence example
Javascript React
0 vote126 views1 answer
React google login
Javascript React
0 vote138 views1 answer
Enzyme-adapter-react-17
Javascript React
0 vote131 views2 answers
React native navigation header Right
Javascript React
63 votes153 views3 answers
Concat two arrays in react
Javascript React