fix: remove duplicate main tags (#1934)

t3-oss · Jul 5, 2024 · 1cfbb11 · 1cfbb11
1 parent 42a485a
commit 1cfbb11
Show file tree

Hide file tree

Showing 13 changed files with 33 additions and 32 deletions.
diff --git a/.changeset/eighty-toys-wink.md b/.changeset/eighty-toys-wink.md
@@ -0,0 +1,5 @@
+---
+"create-t3-app": patch
+---
+
+remove duplicate `<main>` tags
diff --git a/cli/template/extras/src/app/layout/base.tsx b/cli/template/extras/src/app/layout/base.tsx
@@ -1,18 +1,17 @@
 import "~/styles/globals.css";
 
 import { GeistSans } from "geist/font/sans";
+import { type Metadata } from "next";
 
-export const metadata = {
+export const metadata: Metadata = {
   title: "Create T3 App",
   description: "Generated by create-t3-app",
   icons: [{ rel: "icon", url: "/favicon.ico" }],
 };
 
 export default function RootLayout({
   children,
-}: {
-  children: React.ReactNode;
-}) {
+}: Readonly<{ children: React.ReactNode }>) {
   return (
     <html lang="en">
       <body className={GeistSans.className}>{children}</body>

diff --git a/cli/template/extras/src/app/layout/with-trpc-tw.tsx b/cli/template/extras/src/app/layout/with-trpc-tw.tsx
@@ -1,20 +1,19 @@
 import "~/styles/globals.css";
 
 import { GeistSans } from "geist/font/sans";
+import { type Metadata } from "next";
 
 import { TRPCReactProvider } from "~/trpc/react";
 
-export const metadata = {
+export const metadata: Metadata = {
   title: "Create T3 App",
   description: "Generated by create-t3-app",
   icons: [{ rel: "icon", url: "/favicon.ico" }],
 };
 
 export default function RootLayout({
   children,
-}: {
-  children: React.ReactNode;
-}) {
+}: Readonly<{ children: React.ReactNode }>) {
   return (
     <html lang="en" className={`${GeistSans.variable}`}>
       <body>

diff --git a/cli/template/extras/src/app/layout/with-trpc.tsx b/cli/template/extras/src/app/layout/with-trpc.tsx
@@ -1,20 +1,19 @@
 import "~/styles/globals.css";
 
 import { GeistSans } from "geist/font/sans";
+import { type Metadata } from "next";
 
 import { TRPCReactProvider } from "~/trpc/react";
 
-export const metadata = {
+export const metadata: Metadata = {
   title: "Create T3 App",
   description: "Generated by create-t3-app",
   icons: [{ rel: "icon", url: "/favicon.ico" }],
 };
 
 export default function RootLayout({
   children,
-}: {
-  children: React.ReactNode;
-}) {
+}: Readonly<{ children: React.ReactNode }>) {
   return (
     <html lang="en">
       <body className={GeistSans.className}>

diff --git a/cli/template/extras/src/app/layout/with-tw.tsx b/cli/template/extras/src/app/layout/with-tw.tsx
@@ -1,18 +1,17 @@
 import "~/styles/globals.css";
 
 import { GeistSans } from "geist/font/sans";
+import { type Metadata } from "next";
 
-export const metadata = {
+export const metadata: Metadata = {
   title: "Create T3 App",
   description: "Generated by create-t3-app",
   icons: [{ rel: "icon", url: "/favicon.ico" }],
 };
 
 export default function RootLayout({
   children,
-}: {
-  children: React.ReactNode;
-}) {
+}: Readonly<{ children: React.ReactNode }>) {
   return (
     <html lang="en" className={`${GeistSans.variable}`}>
       <body>{children}</body>

diff --git a/cli/template/extras/src/pages/_app/base.tsx b/cli/template/extras/src/pages/_app/base.tsx
@@ -5,9 +5,9 @@ import "~/styles/globals.css";
 
 const MyApp: AppType = ({ Component, pageProps }) => {
   return (
-    <main className={GeistSans.className}>
+    <div className={GeistSans.className}>
       <Component {...pageProps} />
-    </main>
+    </div>
   );
 };
 

diff --git a/cli/template/extras/src/pages/_app/with-auth-trpc-tw.tsx b/cli/template/extras/src/pages/_app/with-auth-trpc-tw.tsx
@@ -13,9 +13,9 @@ const MyApp: AppType<{ session: Session | null }> = ({
 }) => {
   return (
     <SessionProvider session={session}>
-      <main className={GeistSans.className}>
+      <div className={GeistSans.className}>
         <Component {...pageProps} />
-      </main>
+      </div>
     </SessionProvider>
   );
 };

diff --git a/cli/template/extras/src/pages/_app/with-auth-trpc.tsx b/cli/template/extras/src/pages/_app/with-auth-trpc.tsx
@@ -13,9 +13,9 @@ const MyApp: AppType<{ session: Session | null }> = ({
 }) => {
   return (
     <SessionProvider session={session}>
-      <main className={GeistSans.className}>
+      <div className={GeistSans.className}>
         <Component {...pageProps} />
-      </main>
+      </div>
     </SessionProvider>
   );
 };

diff --git a/cli/template/extras/src/pages/_app/with-auth-tw.tsx b/cli/template/extras/src/pages/_app/with-auth-tw.tsx
@@ -11,9 +11,9 @@ const MyApp: AppType<{ session: Session | null }> = ({
 }) => {
   return (
     <SessionProvider session={session}>
-      <main className={GeistSans.className}>
+      <div className={GeistSans.className}>
         <Component {...pageProps} />
-      </main>
+      </div>
     </SessionProvider>
   );
 };

diff --git a/cli/template/extras/src/pages/_app/with-auth.tsx b/cli/template/extras/src/pages/_app/with-auth.tsx
@@ -11,9 +11,9 @@ const MyApp: AppType<{ session: Session | null }> = ({
 }) => {
   return (
     <SessionProvider session={session}>
-      <main className={GeistSans.className}>
+      <div className={GeistSans.className}>
         <Component {...pageProps} />
-      </main>
+      </div>
     </SessionProvider>
   );
 };

diff --git a/cli/template/extras/src/pages/_app/with-trpc-tw.tsx b/cli/template/extras/src/pages/_app/with-trpc-tw.tsx
@@ -7,9 +7,9 @@ import "~/styles/globals.css";
 
 const MyApp: AppType = ({ Component, pageProps }) => {
   return (
-    <main className={GeistSans.className}>
+    <div className={GeistSans.className}>
       <Component {...pageProps} />
-    </main>
+    </div>
   );
 };
 

diff --git a/cli/template/extras/src/pages/_app/with-trpc.tsx b/cli/template/extras/src/pages/_app/with-trpc.tsx
@@ -7,9 +7,9 @@ import "~/styles/globals.css";
 
 const MyApp: AppType = ({ Component, pageProps }) => {
   return (
-    <main className={GeistSans.className}>
+    <div className={GeistSans.className}>
       <Component {...pageProps} />
-    </main>
+    </div>
   );
 };
 

diff --git a/cli/template/extras/src/pages/_app/with-tw.tsx b/cli/template/extras/src/pages/_app/with-tw.tsx
@@ -5,9 +5,9 @@ import "~/styles/globals.css";
 
 const MyApp: AppType = ({ Component, pageProps }) => {
   return (
-    <main className={GeistSans.className}>
+    <div className={GeistSans.className}>
       <Component {...pageProps} />
-    </main>
+    </div>
   );
 };