/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

6 votes349 views3 answers
Multiple path names for a same component in react router
Javascript React
0 vote192 views1 answer
Async wait for axios reactjs
Javascript React
1 vote302 views6 answers
UseEffect react
Javascript React
0 vote200 views1 answer
./node_modules/react-chartjs-2/dist/index.modern.js Module not found: Can't resolve 'chart.js/auto' in 'C:\Users\shadi\WebstormProjects\PI_HR_HUB\node_modules\react-chartjs-2\dist'
Javascript React
6 votes211 views2 answers
React native password field
Javascript React
26 votes229 views5 answers
React image
Javascript React
0 vote202 views1 answer
React pass parameters to other page
Javascript React
-1 vote205 views1 answer
Paypal in react js
Javascript React
18 votes269 views4 answers
React for loop in render
Javascript React
32 votes209 views2 answers
Npm react router dom@5
Javascript React