fix: uuid imports (#8826)

Author: tristandubbeld

packages/app/src/app/components/Preview/DevTools/Terminal/index.tsx

@@ -4,7 +4,7 @@ import { listen, dispatch } from 'codesandbox-api';
 import React from 'react';
 import PlusIcon from 'react-icons/lib/md/add';
 import { withTheme } from 'styled-components';
-import uuid from 'uuid';
+import { v4 as uuidv4 } from 'uuid';
 
 import { notificationState } from '@codesandbox/common/lib/utils/notifications';
 import { NotificationStatus } from '@codesandbox/notifications';
@@ -105,7 +105,7 @@ class DevToolTerminal extends React.Component<
 
   createShell = (script?: string) => {
     const newShell = {
-      id: uuid.v4(),
+      id: uuidv4(),
       title: script ? `yarn ${script}` : '/bin/bash',
       script,
       ended: false,

packages/app/src/sandbox/eval/presets/create-react-app/utils/initLatestDevTools.ts

@@ -1,9 +1,9 @@
 import { dispatch } from 'codesandbox-api';
-import uuid from 'uuid';
+import { v1 as uuidv1 } from 'uuid';
 
 export async function initializeReactDevToolsLatest() {
   if (!window.opener) {
-    const uid = uuid.v1();
+    const uid = uuidv1();
 
     const wall = {
       listen(listener) {