diff --git a/apps/remix-ide/src/index.tsx b/apps/remix-ide/src/index.tsx
index 9a20939ed4..3f7f54674b 100644
--- a/apps/remix-ide/src/index.tsx
+++ b/apps/remix-ide/src/index.tsx
@@ -1,16 +1,18 @@
 // eslint-disable-next-line no-use-before-define
-import React from 'react'
+import React, { Suspense, lazy } from 'react'
 import ReactDOM from 'react-dom'
 import AppComponent from './app'
 // eslint-disable-next-line no-unused-vars
-import { RemixApp } from '@remix-ui/app'
+const RemixApp = lazy(() => import ('@remix-ui/app'));
 
 const appComponent = new AppComponent()
 appComponent.run()
 
 ReactDOM.render(
   <React.StrictMode>
-    <RemixApp app={appComponent}></RemixApp>
+    <Suspense fallback={<div>Loading...</div>}>
+      <RemixApp app={appComponent} />
+    </Suspense>
   </React.StrictMode>,
   document.getElementById('root')
 )
diff --git a/apps/remix-ide/tsconfig.json b/apps/remix-ide/tsconfig.json
index 04d219a926..b2a6956c94 100644
--- a/apps/remix-ide/tsconfig.json
+++ b/apps/remix-ide/tsconfig.json
@@ -4,10 +4,8 @@
     "jsx": "react",
     "allowJs": true,
     "esModuleInterop": true,
-    "resolveJsonModule": true,
     "allowSyntheticDefaultImports": true,
     "types": ["node", "jest"],
-    "module": "es6",
     "resolveJsonModule": true
   },
   "files": [
diff --git a/libs/remix-ui/app/src/index.ts b/libs/remix-ui/app/src/index.ts
index e706f1ad94..13056623bd 100644
--- a/libs/remix-ui/app/src/index.ts
+++ b/libs/remix-ui/app/src/index.ts
@@ -1,4 +1,4 @@
-export { default as RemixApp } from './lib/remix-app/remix-app'
+export { default as default } from './lib/remix-app/remix-app'
 export { dispatchModalContext } from './lib/remix-app/context/context'
 export { ModalProvider } from './lib/remix-app/context/provider'
 export { AppModal } from './lib/remix-app/interface/index'