added tictactoe

Author: ngoczwolinski

.gitignore

@@ -5,7 +5,6 @@ node_modules/
 .DS_Store
 src/extension/build/bundles
 package/reactime-*.tgz
-tictactoe
 parents
 coverage
 src/extension/build.zip

demo-app-next/src/components/navbar.js

@@ -1,15 +1,15 @@
-import Link from "next/link";
+import Link from 'next/link';
 
 export default function Navbar() {
   return (
-    <div className="nav">
-      <Link className="link" href="/">
+    <div className='nav'>
+      <Link className='link' href='/'>
         About
       </Link>
-      <Link id="tictactoe" className="link" href="/tictactoe">
+      <Link id='tictactoe' className='link' href='/tictactoe'>
         Tic-Tac-Toe
       </Link>
-      <Link className="link" href="/buttons">
+      <Link className='link' href='/buttons'>
         Counter
       </Link>
     </div>

demo-app-next/src/pages/tictactoe/index.tsx

@@ -0,0 +1,11 @@
+import Board from '../../components/Board';
+import Navbar from '../../components/navbar';
+
+export default function BoardPage() {
+  return (
+    <div>
+      <Navbar />
+      <Board />
+    </div>
+  );
+}

src/backend/controllers/createTree/index.ts

@@ -262,6 +262,7 @@ export default function createTree(
           // Passess to front end
           componentData.hooksState[hooksNames[i].varName] = state;
         });
+        isStatefulComponent = true;
       } catch (err) {
         console.log('Failed Element', { component: elementType?.name });
         // if (!nextJSDefaultComponent.has(elementType?.name)) {
@@ -270,7 +271,6 @@ export default function createTree(
         //   console.log('We are good');
       }
     }
-    isStatefulComponent = true;
   }
 
   // This grabs stateless components