Next.js Discord

Discord Forum

Safari doesn't cache request images

Unanswered
Orinoco Crocodile posted this in #help-forum
Open in Discord
Orinoco CrocodileOP
I have a simple Next.js application.

https://test-git-main-karina1703.vercel.app

It's just two links and two pages. When I switch between pages in Safari, the picture flickers, but in other browsers everything is fine.
How to fix that?


import Image from "next/image";
import Link from "next/link";
import React from "react";

const page = () => {
  return (
    <div>
            <h1>
                Welcome to home page
            </h1>
      <Link
        href="dish/foo"
        style={{
          color: "blue",
          fontSize: "2rem",
          textDecoration: "underline",
          cursor: "pointer",
        }}
      >
        Link to another page
      </Link>
      <Image src="/next.svg" width={100} height={100} alt="next"></Image> // the component from Next is supposed to optimize
    </div>
  );
};

export default page;

0 Replies