/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 vote196 views1 answer
React-native-dropdown-picker for form react native
Javascript React
4 votes197 views2 answers
How to use react-native-vector-icons
Javascript React
0 vote187 views1 answer
News api react native
Javascript React
1 vote258 views1 answer
React site warning: The href attribute requires a valid address. Provide a valid, navigable address as the href value jsx-a11y/anchor-is-valid
Javascript React
10 votes179 views3 answers
Module not found: Can't resolve '@emotion/react' in 'E:\Web Development\Frontend\React JS Projects\linkedin-clone\node_modules\@mui\styled-engine'
Javascript React
0 vote200 views1 answer
React-native-ffmpeg gradel issue
Javascript React
0 vote210 views1 answer
React native header height
Javascript React
0 vote154 views2 answers
React filter buttons
Javascript React
0 vote199 views1 answer
React bootstrap carousel caption placement top
Javascript React
30 votes180 views6 answers
React if statement
Javascript React