/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

3 votes257 views5 answers
React date range picker
Javascript React
0 vote258 views1 answer
Error: bundling failed: Error: Unable to resolve module react-native-community/toolbar-android
Javascript React
24 votes247 views6 answers
React map
Javascript React
0 vote291 views2 answers
Count down timer in react native
Javascript React
0 vote270 views1 answer
Text inside an image component react native
Javascript React
0 vote278 views1 answer
Uuid for react native
Javascript React
0 vote257 views1 answer
How to detect an element is been hovered in react
Javascript React
0 vote241 views2 answers
Error: Error: Unable to resolve module react-native-gesture-handler
Javascript React
0 vote267 views1 answer
Eslint init settings for ReactJS
Javascript React
2 votes246 views2 answers
Splice state react
Javascript React