From 7e351d67b58075616336b8ba34f91fa368ce0e43 Mon Sep 17 00:00:00 2001
From: bendtherules <abhasbhattacharya2@gmail.com>
Date: Mon, 27 Jan 2020 19:27:35 +0530
Subject: [PATCH] example - App - show moduleName on UI

---
 example/src/App.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/example/src/App.tsx b/example/src/App.tsx
index c96b8a1..7c6311b 100644
--- a/example/src/App.tsx
+++ b/example/src/App.tsx
@@ -19,10 +19,10 @@ export default function App({
   moduleName: ModuleNames;
   timeDelayMs?: number;
 }) {
+  const { sourceCodeString, transformer } = moduleMap[moduleName];
+
   // Create sourceFile and reset on route change
   useEffect(() => {
-    const { sourceCodeString, transformer } = moduleMap[moduleName];
-
     // 1. Create sourceFile and pass it to visualizer
     const mainFile = ts.createSourceFile(
       "/test",
@@ -44,5 +44,10 @@ export default function App({
     };
   });
 
-  return <ASTVisualizer />;
+  return (
+    <div>
+      <ASTVisualizer />
+      <h2>{moduleName}</h2>
+    </div>
+  );
 }