diff --git a/package.json b/package.json
index 3d559f2..4e4d6cd 100644
--- a/package.json
+++ b/package.json
@@ -4,25 +4,27 @@
   "private": true,
   "homepage": "https://react-native-elements.js.org",
   "dependencies": {
+    "@babel/core": "^7.13.13",
     "@material-ui/core": "^4.11.0",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/styles": "^4.10.0",
     "@react-native-community/toolbar-android": "^0.1.0-rc.2",
     "history": "^5.0.0",
     "mdx.macro": "^0.2.9",
-    "modal-react-native-web": "^0.2.0",
+    "modal-react-native-web": "^0.1.2",
     "react": "^16.13.0",
     "react-dom": "^16.13.0",
     "react-helmet": "^6.1.0",
     "react-lottie": "^1.2.3",
     "react-native-elements": "latest",
     "react-native-safe-area-context": "^3.2.0",
-    "react-native-vector-icons": "^6.7.0",
-    "react-native-web": "^0.12.0",
+    "react-native-vector-icons": "^8.1.0",
+    "react-native-web": "^0.15.1",
     "react-native-web-linear-gradient": "^1.1.1",
     "react-router-dom": "^5.2.0",
-    "react-scripts": "3.4.1",
-    "react-view": "^2.3.2"
+    "react-scripts": "^4.0.3",
+    "react-view": "^1.0.0",
+    "v8": "^0.1.0"
   },
   "scripts": {
     "start": "react-app-rewired start",
diff --git a/src/components/Footer/index.jsx b/src/components/Footer/index.jsx
index e72c007..198eddd 100644
--- a/src/components/Footer/index.jsx
+++ b/src/components/Footer/index.jsx
@@ -1,13 +1,5 @@
 import React from "react";
-import { Link } from "react-router-dom";
-import {
-  Paper,
-  Grid,
-  ListItem,
-  Typography,
-  Button,
-  Divider,
-} from "@material-ui/core";
+import { Grid, Typography, Divider } from "@material-ui/core";
 import pjson from "../../../package.json";
 import styles from "./Footer.module.css";
 
diff --git a/src/components/PropDrawer/index.jsx b/src/components/PropDrawer/index.jsx
index 3d85013..32f5a35 100644
--- a/src/components/PropDrawer/index.jsx
+++ b/src/components/PropDrawer/index.jsx
@@ -1,7 +1,4 @@
 import React from "react";
-import clsx from "clsx";
-import { makeStyles } from "@material-ui/core/styles";
-
 import { Drawer, Fab } from "@material-ui/core";
 
 export default function TemporaryDrawer(props) {
diff --git a/src/components/playground/index.jsx b/src/components/playground/index.jsx
index e419f13..0780ee9 100644
--- a/src/components/playground/index.jsx
+++ b/src/components/playground/index.jsx
@@ -24,8 +24,8 @@ export default ({ params }) => {
           placeholder={Placeholder}
         />
       </div>
-      <Error msg={params.errorProps.msg} isPopup />
       <Knobs {...params.knobProps} />
+      <Error msg={params.errorProps.msg} />
       <Editor {...params.editorProps} />
       <Error {...params.errorProps} />
       <ActionButtons {...params.actions} />
diff --git a/src/containers/Navigation/index.jsx b/src/containers/Navigation/index.jsx
index f154082..7763df6 100644
--- a/src/containers/Navigation/index.jsx
+++ b/src/containers/Navigation/index.jsx
@@ -1,12 +1,6 @@
 import React from "react";
 
-import {
-  BrowserRouter as Router,
-  Switch,
-  Route,
-  Link,
-  Redirect,
-} from "react-router-dom";
+import { BrowserRouter as Router, Switch, Route } from "react-router-dom";
 import { Helmet } from "react-helmet";
 
 import Footer from "../../components/Footer";
diff --git a/src/content/BottomSheet/bottomsheet.playground.jsx b/src/content/BottomSheet/bottomsheet.playground.jsx
index 355daab..0996394 100644
--- a/src/content/BottomSheet/bottomsheet.playground.jsx
+++ b/src/content/BottomSheet/bottomsheet.playground.jsx
@@ -1,6 +1,4 @@
 import * as React from "react";
-import { useState } from "react";
-import { View } from "react-native";
 import { BottomSheet, Text } from "react-native-elements";
 
 import Playground from "../../components/playground";
diff --git a/src/content/Icon/icon.playground.jsx b/src/content/Icon/icon.playground.jsx
index 841c92d..676467d 100644
--- a/src/content/Icon/icon.playground.jsx
+++ b/src/content/Icon/icon.playground.jsx
@@ -1,6 +1,4 @@
 import * as React from "react";
-import { useState } from "react";
-import { View } from "react-native";
 import { Icon } from "react-native-elements";
 
 import Playground from "../../components/playground";
diff --git a/src/content/Input/input.playground.jsx b/src/content/Input/input.playground.jsx
index d9bec86..a7c374a 100644
--- a/src/content/Input/input.playground.jsx
+++ b/src/content/Input/input.playground.jsx
@@ -1,6 +1,4 @@
 import * as React from "react";
-import { useState } from "react";
-import { View } from "react-native";
 import { Input } from "react-native-elements";
 import Icon from "react-native-vector-icons/dist/MaterialCommunityIcons";
 import Playground from "../../components/playground";