export 'default' (imported as 'Cookies') was not found in 'react-cookie' (possible exports unknown)

Question

I am getting above error while trying to access cookie from browser using 'react-cookie'.

Here is the code i am trying:

    import Cookies from 'react-cookie';
    
    function App() {
    
      const { currentUser } = useContext(AuthContext);
    
      const [token, setToken] = useState(null);
    
      useEffect(() => {
        const tokenFromCookie = Cookies.get("accessToken");
        setToken(tokenFromCookie);
      }, []);

Christa · Accepted Answer · 2023-07-17T06:43:19.360

1

this object Cookies is imported to use with CLASS Component

import { withCookies, Cookies } from 'react-cookie';

and for Function Component use useCookies like this

/// here the error
    import {useCookies} from 'react-cookie';
    
    function App() {
    
      const { currentUser } = useContext(AuthContext);
      const [cookies, setCookie] = useCookies(['accessToken']);
      
      // this part aren't usefull because u have access to the cookies using useCookies
      // const [token, setToken] = useState(null);
    
      // useEffect(() => {
      //   const tokenFromCookie = cookies.accessToken;
      //   setToken(tokenFromCookie);
      // }, []);

edited Jul 17 '23 at 06:43

answered Jul 17 '23 at 06:02

Christa

398
7

this solution is not working. – VijayRathod20 Jul 17 '23 at 06:06
const [cookies, setCookie] = useCookies(['name']); – Christa Jul 17 '23 at 06:22
@VijayRathod20 here is the full anser for ur issue the {} arent required for this library but it recommended – Christa Jul 17 '23 at 06:41
@VijayRathod20 in index.jsx dont forget import { CookiesProvider } from 'react-cookie'; – Christa Jul 17 '23 at 06:46

export 'default' (imported as 'Cookies') was not found in 'react-cookie' (possible exports unknown)

1 Answers1