Fix update dependencies (#223)

* Fix update dependencies

* Fix

* Fix

* Fix

Author: heavenshell

.github/workflows/main.yml

@@ -9,7 +9,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [10.x]
+        node-version: [14.x]
 
     steps:
     - uses: actions/checkout@v2

.storybook/preview.js

@@ -5,8 +5,8 @@ import { addParameters } from '@storybook/react'
 import { withScreenshot } from 'storycap'
 
 import { Global, css } from '@emotion/core'
-import { ThemeProvider as StyledThemeProvider } from 'emotion-theming'
-import { ThemeProvider as MaterialThemeProvider } from '@material-ui/styles'
+import { ThemeProvider as StyledThemeProvider } from '@emotion/react'
+import { ThemeProvider as MaterialThemeProvider } from '@material-ui/core/styles'
 
 import { getTheme } from '../src/theme'
 

package.json

@@ -22,14 +22,13 @@
     "build:all": "yarn build && yarn build:reg"
   },
   "dependencies": {
-    "@emotion/core": "10.1.1",
-    "@emotion/styled": "10.0.27",
+    "@emotion/react": "11.1.2",
+    "@emotion/styled": "11.0.0",
     "@material-ui/core": "4.11.2",
     "@material-ui/icons": "4.11.2",
     "chokidar": "3.4.3",
     "dayjs": "1.9.7",
-    "emotion": "10.0.27",
-    "emotion-theming": "10.0.27",
+    "emotion": "11.0.0",
     "htmr": "0.9.2",
     "jdown": "1.0.4",
     "marked-sanitizer-github": "1.0.1",
@@ -48,55 +47,55 @@
     "react-use": "15.3.4"
   },
   "devDependencies": {
-    "@babel/core": "7.12.3",
-    "@storybook/addon-actions": "6.0.28",
-    "@storybook/addon-knobs": "6.0.28",
-    "@storybook/addon-links": "6.0.28",
-    "@storybook/addon-viewport": "6.0.28",
-    "@storybook/addons": "6.0.28",
-    "@storybook/cli": "6.0.28",
-    "@storybook/react": "6.0.28",
-    "@testing-library/react-hooks": "3.4.2",
+    "@babel/core": "7.12.10",
+    "@storybook/addon-actions": "6.1.11",
+    "@storybook/addon-knobs": "6.1.11",
+    "@storybook/addon-links": "6.1.11",
+    "@storybook/addon-viewport": "6.1.11",
+    "@storybook/addons": "6.1.11",
+    "@storybook/cli": "6.1.11",
+    "@storybook/react": "6.1.11",
+    "@testing-library/react-hooks": "3.7.0",
     "@types/enzyme": "3.10.8",
     "@types/enzyme-adapter-react-16": "1.0.6",
-    "@types/faker": "5.1.4",
-    "@types/jest": "26.0.15",
-    "@types/marked": "1.1.0",
-    "@types/node": "14.14.7",
+    "@types/faker": "5.1.5",
+    "@types/jest": "26.0.19",
+    "@types/marked": "1.2.1",
+    "@types/node": "14.14.14",
     "@types/node-emoji": "1.8.1",
     "@types/prismjs": "1.16.2",
-    "@types/react": "16.9.56",
-    "@types/react-dom": "16.9.9",
+    "@types/react": "16.9.49",
+    "@types/react-dom": "16.9.8",
     "@types/react-hot-loader": "4.1.1",
     "@types/react-router-dom": "5.1.6",
     "@types/react-scroll": "1.8.2",
-    "@types/webpack-env": "1.15.3",
-    "@typescript-eslint/eslint-plugin": "4.7.0",
-    "@typescript-eslint/parser": "4.7.0",
-    "babel-loader": "8.2.1",
+    "@types/webpack-env": "1.16.0",
+    "@typescript-eslint/eslint-plugin": "4.10.0",
+    "@typescript-eslint/parser": "4.10.0",
+    "babel-loader": "8.2.2",
     "enzyme": "3.11.0",
     "enzyme-adapter-react-16": "1.15.5",
-    "eslint": "7.13.0",
-    "eslint-config-prettier": "6.15.0",
+    "eslint": "7.16.0",
+    "eslint-config-prettier": "7.1.0",
     "eslint-plugin-import": "2.22.1",
-    "eslint-plugin-prettier": "3.1.4",
+    "eslint-plugin-prettier": "3.3.0",
     "eslint-plugin-react": "7.21.5",
     "eslint-plugin-react-hooks": "4.2.0",
     "faker": "5.1.0",
-    "husky": "4.3.0",
+    "husky": "4.3.6",
     "jest": "26.6.3",
     "jest-enzyme": "7.1.2",
-    "lint-staged": "10.5.1",
-    "markdownlint-cli": "0.24.0",
+    "lint-staged": "10.5.3",
+    "markdownlint-cli": "0.26.0",
     "npm-run-all": "4.1.5",
-    "prettier": "2.1.2",
-    "reg-cli": "0.16.2",
+    "prettier": "2.2.1",
+    "reg-cli": "0.16.4",
     "serve": "11.3.2",
-    "storycap": "3.0.1",
+    "storycap": "3.0.3",
     "style-loader": "2.0.0",
     "ts-config-webpack-plugin": "2.0.0",
     "ts-jest": "26.4.4",
-    "typescript": "4.0.5"
+    "typescript": "4.1.3"
   },
   "resolutions": {
     "@types/react": "16.9.56",

plugins/material-ui/node.api.js

@@ -1,6 +1,5 @@
 import React from 'react'
-import { ServerStyleSheets, ThemeProvider } from '@material-ui/styles'
-import { createMuiTheme } from '@material-ui/core/styles'
+import { ServerStyleSheets, ThemeProvider, createMuiTheme } from '@material-ui/core/styles'
 
 const theme = createMuiTheme({
   palette: {

src/components/organisms/Header/index.tsx

@@ -46,10 +46,9 @@ const WrappedIcons = styled.span`
   justify-content: inherit;
 `
 
-const Menu: React.FC<Omit<
-  ActionProps,
-  'onThemeChange' | 'onThemeToggle'
->> = React.memo(({ onHomeLinkClick, onAboutLinkClick, onPostsLinkClick }) => (
+const Menu: React.FC<
+  Omit<ActionProps, 'onThemeChange' | 'onThemeToggle'>
+> = React.memo(({ onHomeLinkClick, onAboutLinkClick, onPostsLinkClick }) => (
   <StyledDiv>
     <A onClick={onHomeLinkClick}>Home</A>
     <A onClick={onAboutLinkClick}>About</A>

src/components/templates/Layout.tsx

@@ -1,10 +1,13 @@
 import * as React from 'react'
-import { Global, css } from '@emotion/core'
+import {
+  Global,
+  css,
+  ThemeProvider as StyledThemeProvider,
+} from '@emotion/react'
 import styled from '@emotion/styled'
-import { ThemeProvider as StyledThemeProvider } from 'emotion-theming'
 import CssBaseline from '@material-ui/core/CssBaseline'
 import Container from '@material-ui/core/Container'
-import { ThemeProvider as MaterialThemeProvider } from '@material-ui/styles'
+import { ThemeProvider as MaterialThemeProvider } from '@material-ui/core/styles'
 
 import Header, { Props as HeaderProps } from '../organisms/Header'
 import Footer, { Props as FooterProps } from '../organisms/Footer'