I have a file sharing app. Files that are uploaded are linked to your ownerId uuid. My problem is that i used to do this for fetching the file

       const clientId = await getClientId();

                        try {
                            const response = await fetch(url, {
                                method: "GET",
                                headers: {
                                    ownerId: clientId,
                                },
                            });

But it was bad because you would not get any confirmation or feedback that the file is downloading so i moved to:

                <a
                    href={`${process.env.NEXT_PUBLIC_BACKEND_URL}/file/download/${data.id}`}
                    target="_blank"
                    rel="noopener noreferrer"
                    className="inline-block"
                >
                    <Button
                        variant="default"
                        size="sm"
                        className="bg-gray-900 hover:bg-gray-700 text-white font-semibold shadow-md"
                    >
                        Descarcă
                    </Button>
                </a>

But i need to send the cookies with the request.
But because the api endpoint is different from the website. Chrome does not send it.