/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 vote202 views2 answers
React open pdf in new tab
Javascript React
0 vote191 views2 answers
Hiding header in a specific screen in react native
Javascript React
1 vote163 views1 answer
How to pass function as a props in react in functional components
Javascript React
0 vote199 views2 answers
React rating with fractions
Javascript React
4 votes187 views1 answer
Error Invalid regular expression: /(.*\\__fixtures__\\.*|node_modules[\\\]react[\\\]dist[\\\].*|website\\node_modules\\.*|heapCapture\\bundle\.js|.*\\__tests__\\.*)$/: Unterminated character class.
Javascript React
1 vote179 views3 answers
How to make sticky footer with react router
Javascript React
8 votes194 views3 answers
Export 'Switch' (imported as 'Switch') was not found in 'react-router-dom'
Javascript React
-1 vote187 views2 answers
Minified react error #200
Javascript React
0 vote181 views1 answer
How to write unit test cases in react js
Javascript React
0 vote237 views2 answers
Undefined is not an object render header flatlist react hook
Javascript React