/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 votes189 views3 answers
React cdn
Javascript React
2 votes188 views2 answers
Create react app not creating template
Javascript React
3 votes181 views2 answers
React native image fit container
Javascript React
1 vote186 views1 answer
React footer
Javascript React
9 votes181 views6 answers
How to check react version
Javascript React
5 votes197 views4 answers
How to use useref hook in react
Javascript React
0 vote182 views1 answer
React router cannot read location of undefined
Javascript React
0 vote197 views1 answer
Getting state in react-router-dom v6
Javascript React
4 votes181 views2 answers
Entypo icons react native
Javascript React
0 vote175 views1 answer
Npm i react-router semantic-ui-react semantic-ui-css
Javascript React