Hey everyone, I got a 404 page at:

src/app/[locale]/not-found.js

This is because I'm using next-intl. But somehow it is not picking up my not-found page.

// not-found.js
import Image from "next/image";
import Button from "./components/Button";

export default function NotFound(){

    return(
        <div className="wrapper text-center">
            <Image src={'/404.gif'} width={800} height={600} alt="404 Gif" className="mx-auto" priority />
            <h1 className="text-xl font-medium mt-5">Pagina niet gevonden</h1>

            <Button href={'/'} type={'primary'} className={'mt-3'}>
                Terug naar home
            </Button>
        </div>
    )
}