found typings for CleanLayout and HeaderFooterLayout - change backt t…

…o tsx files - revert change to tsconfig

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>
+    </>
+  );
+}

packages/nextjs/components/layouts/HeaderFooterLayout.jsx → 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 />

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"]
 }