So, I have a function for adding packages to a cart, which should refetch the cart after being executed.
But it doesnt seem to work at the moment.

The cart is fetched via a server action called getBasket, which uses a fetch with a nextjs tag.
(the tags in revalidateTag and the fetch ofcourse match)

Code example:

"use client";

export default function Page() {
  const [basket, setBasket] = useState<Basket | undefined>(undefined);

  useEffect(() => {
    getBasket().then((resp) => setBasket(resp));
  }, []);

  return <>{JSON.stringify(basket)}</>
}

I would assume that I am perhaps fetching the data in a way which isnt supported by tag revalidation?
And if so, how would I fetch it correctly?