This is my folder structure
app
|[locale]
|_layout.tsx
|page.tsx
|not-found.tsx

These are my settings.
Folder i18n
navigation.ts
import { createNavigation } from "next-intl/navigation";
import { routing } from "./routing";

export const { Link, redirect, usePathname, useRouter, getPathname } =
createNavigation(routing);

request.ts
import { getRequestConfig } from "next-intl/server";
import { hasLocale } from "next-intl";
import { routing } from "./routing";

export default getRequestConfig(async ({ requestLocale }) => {
const requested = await requestLocale;

const locale = hasLocale(routing.locales, requested)
? requested
: routing.defaultLocale;

const commonMessages = (await import(../locales/${locale}.json)).default;

const messages = {
...commonMessages,
};

return {
locale,
messages,
};
});

routing.ts
import { defineRouting } from "next-intl/routing";
import { createNavigation } from "next-intl/navigation";

export const routing = defineRouting({
// A list of all locales that are supported
locales: ["uk", "en", "ru"],

// Used when no locale matches
defaultLocale: "uk",
});

// Lightweight wrappers around Next.js' navigation APIs
// that will consider the routing configuration
export type Locale = (typeof routing.locales)[number];
export const { Link, redirect, usePathname, useRouter, getPathname } =
createNavigation(routing);

The main problem is that I don't see my 404 page, but only the standard response, why isn't it working?