Migrate demo/index.tsx to plain ts file (#297)

Author: IvanGoncharov

demo/index.tsx demo/index.ts

@@ -1,6 +1,7 @@
+import * as React from 'react';
 import * as ReactDOMClient from 'react-dom/client';
 
-import { GraphQLVoyager } from '../src';
+import { Voyager } from '../src';
 import { defaultPreset, PRESETS } from './presets';
 
 const currentUrl = new URL(window.location.href);
@@ -25,12 +26,13 @@ const introspection =
       }
     : defaultPreset;
 
-const reactRoot = ReactDOMClient.createRoot(document.getElementById('root'));
+const rootElement = document.getElementById('root');
+const reactRoot = ReactDOMClient.createRoot(rootElement);
 reactRoot.render(
-  <GraphQLVoyager
-    introspection={introspection}
-    introspectionPresets={PRESETS}
-    allowToChangeSchema={true}
-    hideVoyagerLogo={false}
-  />,
+  React.createElement(Voyager, {
+    introspection,
+    introspectionPresets: PRESETS,
+    allowToChangeSchema: true,
+    hideVoyagerLogo: false,
+  }),
 );

tsconfig.json

@@ -21,7 +21,7 @@
     "./src/**/*.ts",
     "./src/**/*.tsx",
     "./manual-types.d.ts",
-    "demo/**/*.tsx",
+    "demo/**/*.ts",
     "tests/**/*.ts",
     "scripts/**/*.ts",
     "playwright.config.ts",

webpack-demo.config.ts

@@ -17,7 +17,7 @@ export default function buildWebpackConfig(): webpack.Configuration {
       extensions: ['.ts', '.tsx', '.mjs', '.js', '.json', '.css', '.svg'],
       alias: { '../../worker': '../../worker-dist' },
     },
-    entry: './demo/index.tsx',
+    entry: './demo/index.ts',
     devServer: {
       https: true,
       port: 9090,