horizontal scroll

package.json

@@ -7,30 +7,30 @@
     "@fortawesome/free-brands-svg-icons": "5.15.1",
     "@fortawesome/free-solid-svg-icons": "5.15.1",
     "@fortawesome/react-fontawesome": "0.1.12",
-    "@sentry/react": "5.27.2",
+    "@sentry/react": "5.27.4",
     "bbcode-to-react": "0.2.9",
+    "eruda": "2.4.1",
+    "eruda-dom": "2.0.0",
+    "eruda-features": "2.0.0",
+    "eruda-memory": "2.0.0",
     "react": "17.0.1",
     "react-dom": "17.0.1",
     "react-loader-spinner": "3.1.14",
-    "redux": "4.0.5",
     "react-redux": "7.2.2",
     "react-router-dom": "5.2.0",
-    "eruda": "2.4.1",
+    "redux": "4.0.5"
-    "eruda-dom": "2.0.0",
-    "eruda-memory": "2.0.0",
-    "eruda-features": "2.0.0"
   },
   "devDependencies": {
-    "@types/node": "14.14.6",
+    "@types/node": "14.14.9",
-    "@types/react": "16.9.55",
+    "@types/react": "17.0.0",
-    "@types/react-dom": "16.9.9",
+    "@types/react-dom": "17.0.0",
-    "@types/react-redux": "7.1.9",
+    "@types/react-redux": "7.1.11",
     "@types/react-router-dom": "5.1.6",
     "@types/react-transition-group": "4.4.0",
-    "node-sass": "4.14.1",
+    "sass": "1.29.0",
+    "react-scripts": "3.4.4",
     "redux-devtools-extension": "2.13.8",
-    "typescript": "4.0.5",
+    "typescript": "4.1.2"
-    "react-scripts": "3.4.4"
   },
   "scripts": {
     "start": "react-scripts start",

src/pages/Main/Main.tsx

@@ -12,4 +12,4 @@ class Main extends React.Component {
     }
 }
 
-export default Main;
+export default Main;

src/ui/HorizontalScroll/HorizontalScroll.sass

@@ -0,0 +1,7 @@
+.HorizontalScroll
+  position: relative
+  overflow: auto
+
+  &::-webkit-scrollbar
+    display: none
+