diff --git a/package.json b/package.json
index 3d559f2..f0dfa52 100644
--- a/package.json
+++ b/package.json
@@ -22,7 +22,7 @@
     "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-view": "^2.3.7"
   },
   "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..257036d 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 { 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";
diff --git a/src/content/ListItem/index.jsx b/src/content/ListItem/index.jsx
index 9bc172a..c1581e5 100644
--- a/src/content/ListItem/index.jsx
+++ b/src/content/ListItem/index.jsx
@@ -11,6 +11,11 @@ export default function ListItemPlayground() {
   return (
     <div>
       <Playground />
+      <Suspense fallback={<div>Loading...</div>}>
+        <PropDrawer>
+          <Content />
+        </PropDrawer>
+      </Suspense>
     </div>
   );
 }
diff --git a/src/content/Rating/searchbar.playground.jsx b/src/content/Rating/searchbar.playground.jsx
index 2046463..b94a6ca 100644
--- a/src/content/Rating/searchbar.playground.jsx
+++ b/src/content/Rating/searchbar.playground.jsx
@@ -1,10 +1,7 @@
 import * as React from "react";
-import { useState } from "react";
-import { View } from "react-native";
 import { Rating } from "react-native-elements";
 import Playground from "../../components/playground";
 import { useView, PropTypes } from "react-view";
-import SocialIconPlayground from ".";
 
 const RatingPlayground = () => {
   const params = useView({