Safari doesn't cache request images
Unanswered
Orinoco Crocodile posted this in #help-forum
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?
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;