diff --git a/apps/remix-ide/src/app-component.js b/apps/remix-ide/src/app-component.js
index f8136cf7c9..3d767e9b9d 100644
--- a/apps/remix-ide/src/app-component.js
+++ b/apps/remix-ide/src/app-component.js
@@ -304,4 +304,4 @@ class AppComponent {
}
}
-module.exports = AppComponent
+export default AppComponent
diff --git a/apps/remix-ide/src/app.js b/apps/remix-ide/src/app.js
deleted file mode 100644
index 86001ec3e4..0000000000
--- a/apps/remix-ide/src/app.js
+++ /dev/null
@@ -1,26 +0,0 @@
-'use strict'
-import React from 'react' // eslint-disable-line
-import ReactDOM from 'react-dom'
-import { RemixApp } from '@remix-ui/app'
-import AppComponent from './app-component'
-
-const appComponent = new AppComponent()
-appComponent.run()
-class App {
- render () {
- if (this.el) return this.el
- this.el = document.createElement('div')
- return this.el
- }
-
- renderComponent () {
- return ReactDOM.render(
- , this.el)
- }
-
- init () {
- this.renderComponent()
- }
-}
-
-module.exports = App
diff --git a/apps/remix-ide/src/app.tsx b/apps/remix-ide/src/app.tsx
new file mode 100644
index 0000000000..3454dbeef1
--- /dev/null
+++ b/apps/remix-ide/src/app.tsx
@@ -0,0 +1,14 @@
+'use strict'
+import React from 'react' // eslint-disable-line
+import { RemixApp } from '@remix-ui/app'
+import AppComponent from './app-component'
+
+const appComponent = new AppComponent()
+appComponent.run()
+function App () {
+ return <>
+
+
+}
+
+export default App
diff --git a/apps/remix-ide/src/index.html b/apps/remix-ide/src/index.html
index ebc8a47c71..94bb974028 100644
--- a/apps/remix-ide/src/index.html
+++ b/apps/remix-ide/src/index.html
@@ -56,6 +56,7 @@
+