The createMiddleware(routing) unable to detect locale, please help, I'm almost out of time

[MohammedAli73]

I have a usually structured app, i.e. looks like this: app/[locale]/*..., everything lives under that [locale] dynamic segment, when switching locales between static pages everything works fine, e.g. router.push('/blog', {locale: "fr-FR"}), it navigates, reflects in the URL, and the locale changes accordingly, but for instance navigation under app/[locale]/blog/[slug]/page.tsx works, but the getRequestConfing(), settles the locale to the default, tho locale is clearly diffrent in the URL ... I'm super confused
here's my middleware:

import createMiddleware from "next-intl/middleware";
import { routing } from "./i18n/routing";

export default createMiddleware(routing);
export const config = {
  matcher: ["/", "/(fr-FR|en-US|ar-SA)/:path*"],
};
and routing: 

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

export const routing = defineRouting({
   locales: ["en-US", "fr-FR", "ar-SA"] as Locales,
   defaultLocale: "en-US",})

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

and request configurer:

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

export default getRequestConfig(async ({ requestLocale }) => {
  let locale = await requestLocale;
  if (!locale) {
  }
  if (!locale || !routing.locales.includes(locale)) {
    locale = routing.defaultLocale;
  }

  return {
    locale,
    messages: (await import(`@/messages/${locale}.json`)).default,
  };
});
```

[amannn]

This might help: ”My page content isn’t localized despite the pathname containing a locale prefix.”