/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 vote160 views1 answer
React useState vs variable
Javascript React
0 vote175 views1 answer
React clone element
Javascript React
2 votes168 views1 answer
React state object key value
Javascript React
1 vote180 views3 answers
Bash: react-scripts: command not found
Javascript React
5 votes162 views2 answers
React js onclick call two functions
Javascript React
0 vote179 views1 answer
React native camscanner application mobile code
Javascript React
0 vote212 views1 answer
Onclick react history map
Javascript React
0 vote180 views1 answer
React sagas state
Javascript React
1 vote161 views2 answers
Upload image react
Javascript React
17 votes179 views5 answers
React native icons
Javascript React