🔨 Refactor 🧠 Overmind /app/pages/NewSandbox/index.js (codesandbox#2658)

* Refactor to overmind and rename file extension to tsx

* Destructure NewSandbox import

* Remove Comment

Author: nobioma1

packages/app/src/app/pages/NewSandbox/index.tsx

@@ -12,7 +12,7 @@ const createSandbox = template => {
   history.push(sandboxUrl({ id: template.shortid }));
 };
 
-const NewSandbox: React.FC = () => {
+export const NewSandbox: React.FC = () => {
   const {
     actions: { sandboxPageMounted },
   } = useOvermind();
@@ -40,5 +40,3 @@ const NewSandbox: React.FC = () => {
     </MaxWidth>
   );
 };
-
-export default NewSandbox;

packages/app/src/app/pages/index.tsx

@@ -13,7 +13,7 @@ import { ErrorBoundary } from './common/ErrorBoundary';
 import HTML5Backend from './common/HTML5BackendWithFolderSupport';
 import Modals from './common/Modals';
 import Sandbox from './Sandbox';
-import NewSandbox from './NewSandbox';
+import { NewSandbox } from './NewSandbox';
 import Dashboard from './Dashboard';
 import { DevAuthPage } from './DevAuth';
 import { Container, Content } from './elements';