using cookie for multiple devices in nextjs

Question

I'm using nextjs and I want to use the cookie to share some data on multiple devices. when I set data in cookies on current devices, and check on another device, I see that data doesn't exist.

in _app.js

import { CookiesProvider } from "react-cookie"

<CookiesProvider>
          <UserProvider>
            <CartProvider>
              <Layout
              >
                <Component {...pageProps} />
              </Layout>
            </CartProvider>
          </UserProvider>
        </CookiesProvider>

in cartProvider

import { useCookies } from "react-cookie";


export default function CartProvider({ children }: Props) {
  const [cookies, setCookie, removeCookie] = useCookies([
    "cart_token",
    "token",
  ]);
  useEffect(()=>{
  API.get(`cart/show/${temp_token ? temp_token : ""}`)
              .then((res) => {
                setCookie("cart_token", res.data.data.cart_token, {
                  path: "/",
                  maxAge: 3600 * 24 * 360,
                  sameSite: true,
                });
                })
  },[])
  }

But when I check cookie on another device, I cant see cart_token in the cookie

Cookies are set per device, you can't access cookies that were set on a different device. — juliomalves, Sep 19 '21 at 12:31

score 0 · Answer 1 · answered Sep 20 '21 at 08:37

0

To add to @juliomalves comment, in your case, you would need to store the cart items in your backend and then in a new device, fetch it back when the same user logs in

answered Sep 20 '21 at 08:37

RGog

96
12

using cookie for multiple devices in nextjs

1 Answers1