diff --git a/packages/nextjs/components/layouts/CleanLayout.jsx b/packages/nextjs/components/layouts/CleanLayout.jsx
deleted file mode 100644
index 7ab1284..0000000
--- a/packages/nextjs/components/layouts/CleanLayout.jsx
+++ /dev/null
@@ -1,7 +0,0 @@
-export default function CleanLayout({ children }) {
-  return (
-    <>
-      <main className="relative flex flex-col justify-center flex-1">{children}</main>
-    </>
-  );
-}
diff --git a/packages/nextjs/components/layouts/CleanLayout.tsx b/packages/nextjs/components/layouts/CleanLayout.tsx
new file mode 100644
index 0000000..2695706
--- /dev/null
+++ b/packages/nextjs/components/layouts/CleanLayout.tsx
@@ -0,0 +1,13 @@
+import React, { ReactNode } from "react";
+
+interface CleanLayoutProps {
+  children: ReactNode;
+}
+
+export default function CleanLayout({ children }: CleanLayoutProps) {
+  return (
+    <>
+      <main className="relative flex flex-col justify-center flex-1">{children}</main>
+    </>
+  );
+}
diff --git a/packages/nextjs/components/layouts/HeaderFooterLayout.jsx b/packages/nextjs/components/layouts/HeaderFooterLayout.tsx
similarity index 56%
rename from packages/nextjs/components/layouts/HeaderFooterLayout.jsx
rename to packages/nextjs/components/layouts/HeaderFooterLayout.tsx
index 4d0b2b6..d1d0d5c 100644
--- a/packages/nextjs/components/layouts/HeaderFooterLayout.jsx
+++ b/packages/nextjs/components/layouts/HeaderFooterLayout.tsx
@@ -1,7 +1,12 @@
+import React, { ReactNode } from "react";
 import { Footer } from "~~/components/Footer";
 import { Header } from "~~/components/Header";
 
-export default function HeaderFooterLayout({ children }) {
+interface HeaderFooterLayoutProps {
+  children: ReactNode;
+}
+
+export default function HeaderFooterLayout({ children }: HeaderFooterLayoutProps) {
   return (
     <>
       <Header />
diff --git a/packages/nextjs/tsconfig.json b/packages/nextjs/tsconfig.json
index 18e580f..708cc8e 100644
--- a/packages/nextjs/tsconfig.json
+++ b/packages/nextjs/tsconfig.json
@@ -18,6 +18,6 @@
       "~~/*": ["./*"]
     }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", "**/*.jsx"],
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
   "exclude": ["node_modules"]
 }