chore: upgrade dependencies (#364)

Author: thebuilder

.storybook/base.css

@@ -1,23 +1,4 @@
-const path = require('path')
-
 module.exports = {
-  stories: ['../src/stories/**/*.(story|stories).(ts|tsx|js|jsx|mdx)'],
-  addons: [
-    '@storybook/addon-actions',
-    '@storybook/addon-viewport',
-    {
-      name: '@storybook/preset-create-react-app',
-      options: {
-        tsDocgenLoaderOptions: {
-          tsconfigPath: path.resolve(__dirname, '../tsconfig.json'),
-        },
-      },
-    },
-    // {
-    //   name: '@storybook/addon-docs',
-    //   options: {
-    //     configureJSX: true,
-    //   },
-    // },
-  ],
+  stories: ['../src/stories/**/*.@(story|stories).@(ts|tsx|js|jsx|mdx)'],
+  addons: ['@storybook/addon-actions', '@storybook/addon-viewport'],
 }

.storybook/main.js

@@ -0,0 +1,18 @@
+<title>React IntersectionObserver</title>
+<style>
+  body {
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+    Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
+    padding: 0;
+    margin: 0;
+    color: #0c0c0c;
+    font-size: 16px;
+  }
+
+  h1 {
+    font-size: 2rem;
+  }
+  .sb-show-main {
+    padding: 0 !important;
+  }
+</style>

.storybook/preview-head.html

@@ -140,13 +140,11 @@
     "@babel/preset-flow": "^7.9.0",
     "@babel/preset-react": "^7.9.4",
     "@babel/preset-typescript": "^7.9.0",
-    "@emotion/react": "^11.0.0-next.12",
-    "@storybook/addon-actions": "^5.3.18",
-    "@storybook/addon-viewport": "^5.3.18",
-    "@storybook/components": "^5.3.18",
-    "@storybook/preset-create-react-app": "^3.1.2",
-    "@storybook/react": "^5.3.18",
-    "@storybook/theming": "^5.3.18",
+    "@emotion/react": "11.0.0-next.12",
+    "@storybook/addon-actions": "^6.0.13",
+    "@storybook/addon-viewport": "^6.0.13",
+    "@storybook/react": "^6.0.13",
+    "@storybook/theming": "^6.0.13",
     "@testing-library/jest-dom": "^5.5.0",
     "@testing-library/react": "^10.0.2",
     "@types/jest": "^26.0.8",
@@ -174,16 +172,19 @@
     "lint-staged": "^10.1.3",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.0.4",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
-    "react-scripts": "^3.4.1",
-    "react-test-renderer": "^16.13.1",
+    "react": "^17.0.0-rc.0",
+    "react-dom": "^17.0.0-rc.0",
+    "react-test-renderer": "^17.0.0-rc.0",
     "rollup": "^2.6.0",
     "rollup-plugin-babel": "^4.4.0",
     "rollup-plugin-commonjs": "^10.0.1",
     "rollup-plugin-node-resolve": "^5.2.0",
     "rollup-plugin-replace": "^2.1.0",
     "rollup-plugin-terser": "^5.3.0",
     "typescript": "^3.8.3"
+  },
+  "resolutions": {
+    "react": "17.0.0-rc.0",
+    "react-dom": "17.0.0-rc.0"
   }
 }

.storybook/config.js .storybook/preview.js.storybook/config.js renamed to .storybook/preview.js

@@ -5,7 +5,7 @@ const instanceMap = new Map()
 
 beforeAll(() => {
   // @ts-ignore
-  global.IntersectionObserver = jest.fn((cb, options) => {
+  global.IntersectionObserver = jest.fn((cb, options = {}) => {
     const instance = {
       thresholds: Array.isArray(options.threshold)
         ? options.threshold