How to make useSelectedLayoutSegment return the expected segment?

[FezVrasta]

Summary

I have a route in /app/u/[username]/page.tsx and a layout next to the page.

Inside the layout I use useSelectedLayoutSegment, and while running the app, it will return null when the path is /u/myname.

On my story instead, useSelectedLayoutSegment returns "myname".

My story is configured as follows:

decorators: [
  Story => <MyLayout><Story /></MyLayout>
],
parameters: {
  nextjs: {
    appDirectory: true,
    navigation: {
      pathname: '/u/myname',
      segments: [["username", "myname"]]
    }
  }
}

How can I tell Storybook my layout is actually being rendered deeply nested inside the /u/myname path so that useSelectedLayoutSegment returns the correct value?

Additional information

No response

Create a reproduction

No response