/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 vote281 views3 answers
Scrollview pull to refresh react native
Javascript React
0 vote291 views1 answer
How to get key from a button in react
Javascript React
0 vote279 views1 answer
React-metismenu-router-link
Javascript React
0 vote303 views1 answer
React time input
Javascript React
0 vote295 views2 answers
How to pass data in router link react-typescript
Javascript React
0 vote287 views1 answer
React check if localhost
Javascript React
0 vote294 views2 answers
How to make a search bar in react django
Javascript React
1 vote301 views1 answer
Webpack-bundle-analyzer react
Javascript React
2 votes284 views1 answer
React-redix and redux
Javascript React
2 votes307 views1 answer
React refresh page every second
Javascript React