refactor: change .js file to .ts

src/index.tsx

@@ -0,0 +1,45 @@
+import ReactDOM from 'react-dom/client';
+import toast, { Toaster } from 'react-hot-toast';
+import { Reset } from 'styled-reset';
+import { DndProvider } from 'react-dnd';
+import { HTML5Backend } from 'react-dnd-html5-backend';
+import './assets/base.css';
+import 'animate.css';
+import * as serviceWorkerRegistration from './serviceWorkerRegistration';
+import TippyDefault from './common/component/TippyDefault';
+import MarkdownStyleOverride from './common/component/MarkdownStyleOverride';
+import ReduxRoutes from './routes';
+import NewVersion from './common/component/NewVersion';
+
+const root = ReactDOM.createRoot(
+  document.getElementById('root') as HTMLElement
+);
+
+root.render(
+  <>
+    <Reset/>
+    <Toaster/>
+    <TippyDefault/>
+    <DndProvider backend={HTML5Backend}>
+      <ReduxRoutes/>
+    </DndProvider>
+    <MarkdownStyleOverride/>
+  </>
+);
+
+serviceWorkerRegistration.register({
+  // onSuccess: () => {
+  //   toast.success("Service Worker Installed");
+  // },
+  onUpdate: (reg) => {
+    const handleUpdate = () => {
+      reg.unregister().then(() => {
+        window.location.reload();
+      });
+    };
+    toast((t) => <NewVersion id={t.id} handleUpdate={handleUpdate}/>, {
+      duration: Infinity,
+      position: 'top-right'
+    });
+  }
+});