fix: framework setup

Author: vip-git

src/Form.tsx

@@ -5,8 +5,11 @@
  * - All imports should be optional based on what gets selected
  */
 // Library
-import React from 'react';
-import { nanoid as generate } from 'nanoid';
+import Framework from './universal-schema/react.framework';
+const {
+  React,
+  nanoId: generate,
+} = Framework.library;
 
 // Material UI
 import { MuiPickersUtilsProvider } from '@material-ui/pickers'; // Has to be made optional
@@ -16,7 +19,6 @@ import CircularProgress from '@material-ui/core/CircularProgress';
 
 // Types
 import { FormProps } from '@core-types/Form.type';
-import Framework from './universal-schema/react.framework';
 
 // Internal
 import formStyles from './form-styles';
@@ -34,11 +36,6 @@ import {
 // Initial Contexts
 import { LoadingContext, EventContext, StepperContext } from './helpers/context';
 
-// const {
-//   React,
-//   nanoId: generate,
-// } = Framework.library;
-
 const Form = ({
   formData: originalFormData,
   schema = {},

src/universal-schema/react.framework.ts

@@ -2,8 +2,8 @@ import { UniversalSchemaFramework } from './types/universal-schema-framework.typ
 
 const Framework: UniversalSchemaFramework = {
   library: {
-    React: import('react'),
-    nanoId: async () => (await import('nanoid')).nanoid,
+    React: require('react'),
+    nanoId: require('nanoid').nanoid,
   },
   uiFramework: {
     name: 'MaterialUI',