/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

2 votes279 views2 answers
Past value from parent in reactjs
Javascript React
2 votes195 views1 answer
Make page refresh on top in react js
Javascript React
0 vote218 views1 answer
Rn push notification No task registered for key ReactNativeFirebaseMessagingHeadlessTask
Javascript React
0 vote206 views1 answer
Update an object key value in state react
Javascript React
0 vote208 views1 answer
React ES6 Arrow Functions
Javascript React
0 vote192 views4 answers
React router v6
Javascript React
0 vote282 views1 answer
Dropzone react view photo
Javascript React
0 vote234 views1 answer
React native generate app hash without play console
Javascript React
0 vote210 views1 answer
Js map vs react js map
Javascript React
1 vote225 views1 answer
Font awesome react native icons
Javascript React