refactor: replace type Props with interface Props

Author: simonknittel

.vscode/launch.json

@@ -16,7 +16,7 @@
       "cwd": "${workspaceFolder}${pathSeparator}apps${pathSeparator}app",
       "runtimeExecutable": "npm",
       "runtimeArgs": ["run", "dev"],
-      "runtimeVersion": "22.11.0",
+      "runtimeVersion": "22.14.0",
       "skipFiles": ["<node_internals>/**"],
       "console": "integratedTerminal",
       "preLaunchTask": "npm run build"

.vscode/snippets.code-snippets

@@ -5,9 +5,9 @@
     "body": [
       "import clsx from \"clsx\";",
       "",
-      "type Props = Readonly<{",
-      "\tclassName?: string;",
-      "}>",
+      "interface Props {",
+      "\treadonly className?: string;",
+      "}",
       "",
       "export const $TM_FILENAME_BASE = ({ className }: Props) => {",
       "\treturn (",
@@ -16,9 +16,9 @@
       "\t\t</div>",
       "\t);",
       "};",
-      ""
+      "",
     ],
     "description": "Boilerplate of a React component",
-    "isFileTemplate": true
-  }
+    "isFileTemplate": true,
+  },
 }

apps/app/src/app/admin/account/page.tsx

@@ -16,9 +16,9 @@ export const metadata: Metadata = {
   title: "Account | Next.js Template",
 };
 
-type Props = Readonly<{
-  searchParams: NextjsSearchParams;
-}>;
+interface Props {
+  readonly searchParams: NextjsSearchParams;
+}
 
 export default async function Page({ searchParams }: Props) {
   const authentication = await authenticatePage("/admin/account");

apps/app/src/app/admin/layout.tsx

@@ -5,9 +5,9 @@ import { ToasterWrapper } from "@/common/components/ToasterWrapper";
 import { Navigation } from "@/common/components/navigation";
 import { type ReactNode } from "react";
 
-type Props = Readonly<{
-  children?: ReactNode;
-}>;
+interface Props {
+  readonly children?: ReactNode;
+}
 
 export default async function Layout({ children }: Props) {
   await authenticatePage("/admin");

apps/app/src/app/admin/teams/page.tsx

@@ -15,9 +15,9 @@ export const metadata: Metadata = {
   title: "Teams | Next.js Template",
 };
 
-type Props = Readonly<{
-  searchParams: NextjsSearchParams;
-}>;
+interface Props {
+  readonly searchParams: NextjsSearchParams;
+}
 
 export default async function Page({ searchParams }: Props) {
   const authentication = await authenticatePage("/admin/teams");

apps/app/src/app/admin/teams/team/[teamId]/page.tsx

@@ -49,9 +49,9 @@ export async function generateMetadata({
   }
 }
 
-type Props = Readonly<{
-  params: Params;
-}>;
+interface Props {
+  readonly params: Params;
+}
 
 export default async function Page({ params }: Props) {
   const { teamId } = await params;

apps/app/src/app/admin/users/page.tsx

@@ -15,9 +15,9 @@ export const metadata: Metadata = {
   title: "Users | Next.js Template",
 };
 
-type Props = Readonly<{
-  searchParams: NextjsSearchParams;
-}>;
+interface Props {
+  readonly searchParams: NextjsSearchParams;
+}
 
 export default async function Page({ searchParams }: Props) {
   const authentication = await authenticatePage("/admin/users");

apps/app/src/app/admin/users/user/[id]/page.tsx

@@ -48,9 +48,9 @@ export async function generateMetadata({
   }
 }
 
-type Props = Readonly<{
-  params: Params;
-}>;
+interface Props {
+  readonly params: Params;
+}
 
 export default async function Page({ params }: Props) {
   const authentication = await authenticatePage("/admin/users/user/[id]");

apps/app/src/app/layout.tsx

@@ -9,9 +9,9 @@ export const metadata: Metadata = {
   title: "Next.js Template",
 };
 
-type Props = Readonly<{
-  children: ReactNode;
-}>;
+interface Props {
+  readonly children: ReactNode;
+}
 
 export default function RootLayout({ children }: Props) {
   return (

apps/app/src/app/login/page.tsx

@@ -27,9 +27,9 @@ export const metadata: Metadata = {
   title: "Login | Next.js Template",
 };
 
-type Props = Readonly<{
-  searchParams: NextjsSearchParams;
-}>;
+interface Props {
+  readonly searchParams: NextjsSearchParams;
+}
 
 export default async function Page({ searchParams }: Props) {
   const authentication = await authenticate();