IssueRaiser

Next13.4 appDir does not render layout and template in the way the docs say it should

### Verify canary release - [X] I verified that the issue exists in the latest Next.js canary release ### Provide environment information ```bash Operating System: Platform: darwin Arch: arm64 Version: Darwin Kernel Version 22.4.0: Mon Mar 6 20:59:58 PST 2023; root:xnu-8796.101.5~3/RELEASE_ARM64_T6020 Binaries: Node: 18.16.0 npm: 9.5.1 Yarn: 1.22.19 pnpm: N/A Relevant packages: next: 13.4.2-canary.4 eslint-config-next: 13.4.1 react: 18.2.0 react-dom: 18.2.0 typescript: 5.0.4 ``` ### Which area(s) of Next.js are affected? (leave empty if unsure) App directory (appDir: true), Routing (next/router, next/navigation, next/link) ### Link to the code that reproduces this issue https://codesandbox.io/p/sandbox/wizardly-wing-fj1kod ### To Reproduce Download and run the files in the sandbox (so that you can attach the React Developer Tools) Note that in the react developer tools, the following component tree is rendered, showing the top `Suspense` added by the `layout.tsx`, two Next internal components, and then the `Suspense` from the `template.tsx`: ![Screenshot 2023-05-10 at 12 21 48](https://github.com/vercel/next.js/assets/643058/322818ba-78cf-40a4-a7cd-a69f7f3e2688) ### Describe the Bug The NextJS Documentation on templates in the app-directory router [here](https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts#templates) says that layouts and templates will be

Posted by zackdotcomputer on May 10, 2023, 11:40 AM

Tags

Related issues

Raise real-world problems, find people facing the same issue, and discuss solutions.2,500 issues0 comments

github (SaaS)

Next13.4 appDir does not render layout and template in the way the docs say it should

zackdotcomputerMay 10, 2023, 11:40 AM

### Verify canary release - [X] I verified that the issue exists in the latest Next.js canary release ### Provide environment information ```bash Operating System: Platform: darwin Arch: arm64 Version: Darwin Kernel Version 22.4.0: Mon Mar 6 20:59:58 PST 2023; root:xnu-8796.101.5~3/RELEASE_ARM64_T6020 Binaries: Node: 18.16.0 npm: 9.5.1 Yarn: 1.22.19 pnpm: N/A Relevant packages: next: 13.4.2-canary.4 eslint-config-next: 13.4.1 react: 18.2.0 react-dom: 18.2.0 typescript: 5.0.4 ``` ### Which area(s) of Next.js are affected? (leave empty if unsure) App directory (appDir: true), Routing (next/router, next/navigation, next/link) ### Link to the code that reproduces this issue https://codesandbox.io/p/sandbox/wizardly-wing-fj1kod ### To Reproduce Download and run the files in the sandbox (so that you can attach the React Developer Tools) Note that in the react developer tools, the following component tree is rendered, showing the top `Suspense` added by the `layout.tsx`, two Next internal components, and then the `Suspense` from the `template.tsx`: ![Screenshot 2023-05-10 at 12 21 48](https://github.com/vercel/next.js/assets/643058/322818ba-78cf-40a4-a7cd-a69f7f3e2688) ### Describe the Bug The NextJS Documentation on templates in the app-directory router [here](https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts#templates) says that layouts and templates will be

Comments (0)

No comments yet. Start the discussion.

Comment on this issue