Fix common import issues

Author: CompuIves

packages/react-sandpack/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-smooshpack",
-  "version": "0.0.55",
+  "version": "0.0.56",
   "description": "",
   "keywords": [],
   "license": "SEE LICENSE.MD IN ROOT",

packages/react-sandpack/src/components/BrowserPreview/BrowserPreview.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 
-import SandpackConsumer from '../SandpackConsumer';
 import Preview from '../Preview';
 import Navigator from '../Navigator';
 

packages/react-sandpack/src/components/Navigator/Navigator.tsx

@@ -6,8 +6,6 @@ import RefreshIcon from './RefreshIcon';
 import BackwardIcon from './BackwardIcon';
 import ForwardIcon from './ForwardIcon';
 
-import { ENTER } from 'common/utils/keycodes';
-
 import withSandpack from '../../utils/with-sandpack';
 import { ISandpackContext } from '../../types';
 import cn from '../../utils/cn';
@@ -117,7 +115,8 @@ class Navigator extends React.Component<Props, State> {
   };
 
   onKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
-    if (e.keyCode === ENTER) {
+    if (e.keyCode === 13) {
+      //  Enter
       e.preventDefault();
       e.stopPropagation();
 

packages/react-sandpack/src/components/Preview/Preview.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { ISandpackContext } from '../../types';
-import SandpackConsumer from '../SandpackConsumer';
 import withSandpack from '../../utils/with-sandpack';
 
 export interface PreviewProps {

packages/react-sandpack/src/components/SandpackProvider/SandpackProvider.tsx

@@ -4,7 +4,6 @@ import { Manager, generatePackageJSON } from 'smooshpack';
 import { listen } from 'codesandbox-api';
 
 import {
-  IFile,
   IFiles,
   IManagerState,
   ISandpackContext,