Rewrite URL dynamically adding the locale...

[davidlewisbates1980]

I'm fairly new to all of this, so please be gentle! I've got the following code...

export function middleware(request: NextRequest) {
  if (isPageFeatureDisabled(request.url)) {
    request = new NextRequest(
      new URL("/feature-disabled", request.url), // Since I don't specify a locale prefix, I *assumed* it'd add it for me...
    );
  }

  // eslint-disable-next-line @typescript-eslint/no-unsafe-return -- Middleware return type isn't specified
  return I18nMiddleware(request);
}

What I'm trying to do is to check whether or not the requested URL is allowed (based on our own feature flag system, isPageFeatureDisabled(...)) and, if that page isn't allowed, to send the user the data from /feature-disabled.

I thought that if I just created a new request object and passed it to the localization middleware, it'd automatically add the locale so the page would be displayed in the appropriate language...but this doesn't happen.

If I go to /fr/page-behind-feature-flag, I expected the above code to leave the browser URL unchanged, but to show me the text which is returned from /fr/feature-disabled. However, it instead goes to my default locale and shows me the content from /en/feature-disabled.

What am I forgetting?