diff --git a/apps/remix-ide/src/index.tsx b/apps/remix-ide/src/index.tsx index dd1641e154..ff690d4c5e 100644 --- a/apps/remix-ide/src/index.tsx +++ b/apps/remix-ide/src/index.tsx @@ -1,18 +1,37 @@ // eslint-disable-next-line no-use-before-define -import React, { Suspense, lazy } from 'react' -import ReactDOM from 'react-dom' -import AppComponent from './app' +import React from 'react' +import { render } from 'react-dom' // eslint-disable-next-line no-unused-vars -const RemixApp = lazy(() => import ('@remix-ui/app')); +import { RemixApp } from '@remix-ui/app' -const appComponent = new AppComponent() -appComponent.run().then(() => { - ReactDOM.render( +(function () { + render( - Loading...}> - - +
+ + + + + +
+ REMIX IDE +
+
, document.getElementById('root') ) +})() + +import ('./app').then((AppComponent) => { + const appComponent = new AppComponent.default() + appComponent.run().then(() => { + render( + + + , + document.getElementById('root') + ) + }) +}).catch(err => { + console.log('Error on loading Remix:', err) }) diff --git a/libs/remix-ui/app/src/index.ts b/libs/remix-ui/app/src/index.ts index 13056623bd..e706f1ad94 100644 --- a/libs/remix-ui/app/src/index.ts +++ b/libs/remix-ui/app/src/index.ts @@ -1,4 +1,4 @@ -export { default as default } from './lib/remix-app/remix-app' +export { default as RemixApp } 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'