Update deps 20230810 (#326)

* update version

* fix format

package.json

@@ -26,51 +26,49 @@
     "build-storybook": "storybook build"
   },
   "dependencies": {
-    "gatsby": "^5.8.1",
-    "gatsby-link": "^5.8.0",
-    "gatsby-plugin-feed": "^5.8.0",
-    "gatsby-plugin-google-analytics": "^5.8.0",
-    "gatsby-plugin-image": "^3.8.0",
-    "gatsby-plugin-manifest": "^5.8.0",
-    "gatsby-plugin-postcss": "^6.8.0",
-    "gatsby-plugin-sharp": "^5.8.1",
-    "gatsby-plugin-sitemap": "^6.8.0",
-    "gatsby-remark-autolink-headers": "^6.8.0",
-    "gatsby-remark-images": "^7.8.0",
-    "gatsby-remark-prismjs": "^7.8.0",
-    "gatsby-source-filesystem": "^5.8.0",
-    "gatsby-transformer-remark": "^6.8.0",
-    "gatsby-transformer-sharp": "^5.8.0",
-    "postcss": "^8.4.21",
+    "gatsby": "^5.11.0",
+    "gatsby-link": "^5.11.0",
+    "gatsby-plugin-feed": "^5.11.0",
+    "gatsby-plugin-google-analytics": "^5.11.0",
+    "gatsby-plugin-image": "^3.11.0",
+    "gatsby-plugin-manifest": "^5.11.0",
+    "gatsby-plugin-postcss": "^6.11.0",
+    "gatsby-plugin-sharp": "^5.11.0",
+    "gatsby-plugin-sitemap": "^6.11.0",
+    "gatsby-remark-autolink-headers": "^6.11.0",
+    "gatsby-remark-images": "^7.11.0",
+    "gatsby-remark-prismjs": "^7.11.0",
+    "gatsby-source-filesystem": "^5.11.0",
+    "gatsby-transformer-remark": "^6.11.0",
+    "gatsby-transformer-sharp": "^5.11.0",
+    "postcss": "^8.4.27",
     "prismjs": "^1.29.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@ladle/react": "^2.11.1",
-    "@storybook/addon-essentials": "^7.0.5",
-    "@storybook/addon-interactions": "^7.0.5",
-    "@storybook/addon-links": "^7.0.5",
-    "@storybook/blocks": "^7.0.5",
-    "@storybook/react": "^7.0.5",
-    "@storybook/react-vite": "^7.0.5",
-    "@storybook/testing-library": "^0.1.0",
-    "@types/node": "^18.15.11",
-    "@types/react": "^18.0.35",
-    "@types/react-dom": "^18.0.11",
-    "@typescript-eslint/eslint-plugin": "^5.58.0",
-    "@typescript-eslint/parser": "^5.58.0",
-    "eslint": "^7.32.0",
-    "eslint-config-prettier": "^8.8.0",
-    "eslint-import-resolver-typescript": "^3.5.5",
-    "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-react": "^7.32.2",
-    "eslint-plugin-storybook": "^0.6.11",
-    "postcss-custom-media": "^9.1.3",
-    "prettier": "^2.8.7",
-    "prop-types": "^15.8.1",
-    "storybook": "^7.0.5",
-    "typescript": "^5.0.4",
-    "vitest": "^0.30.1"
+    "@storybook/addon-essentials": "^7.2.2",
+    "@storybook/addon-interactions": "^7.2.2",
+    "@storybook/addon-links": "^7.2.2",
+    "@storybook/blocks": "^7.2.2",
+    "@storybook/react": "^7.2.2",
+    "@storybook/react-vite": "^7.2.2",
+    "@storybook/testing-library": "^0.2.0",
+    "@types/node": "^20.4.9",
+    "@types/react": "^18.2.20",
+    "@types/react-dom": "^18.2.7",
+    "@typescript-eslint/eslint-plugin": "^6.3.0",
+    "@typescript-eslint/parser": "^6.3.0",
+    "eslint": "^8.46.0",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-import-resolver-typescript": "^3.6.0",
+    "eslint-plugin-import": "^2.28.0",
+    "eslint-plugin-react": "^7.33.1",
+    "eslint-plugin-storybook": "^0.6.13",
+    "postcss-custom-media": "^10.0.0",
+    "prettier": "^3.0.1",
+    "storybook": "^7.2.2",
+    "typescript": "^5.1.6",
+    "vitest": "^0.34.1"
   }
 }

src/components/common/head.tsx

@@ -23,8 +23,8 @@ export const HeadFactory: ComponentType<Props> = ({
   shouldProtect,
 }) => {
   // 他の場所でも呼び出すなら custom hooks として切り出すべき
-  const siteMetaDataQueryResult: Queries.SiteMetaDataQuery =
-    useStaticQuery(graphql`
+  const siteMetaDataQueryResult: Queries.SiteMetaDataQuery = useStaticQuery(
+    graphql`
       query SiteMetaData {
         site {
           siteMetadata {
@@ -36,7 +36,8 @@ export const HeadFactory: ComponentType<Props> = ({
           }
         }
       }
-    `);
+    `,
+  );
   const baseData = siteMetaDataQueryResult.site?.siteMetadata;
   if (
     !baseData?.title ||

src/components/detail/contents-header.tsx

@@ -5,10 +5,9 @@ import { Tags } from "../common/tags";
 import * as styles from "./contents-header.module.css";
 
 export const ContentsHeader: ComponentType<{
-  markdownMeta:
-    | NonNullable<
-        Queries.DetailPageQueryQuery["markdownRemark"]
-      >["frontmatter"];
+  markdownMeta: NonNullable<
+    Queries.DetailPageQueryQuery["markdownRemark"]
+  >["frontmatter"];
 }> = ({ markdownMeta }) => {
   if (
     !markdownMeta ||

src/templates/detail-page.tsx

@@ -95,7 +95,7 @@ export const Head = ({ data }: HeadProps<Queries.DetailPageQueryQuery>) => {
   // getImage と違って null を引数に取れないので上で null チェックしている
   // OGP 生成に使われてる関数: https://www.gatsbyjs.com/docs/reference/built-in-components/gatsby-plugin-image/#getsrc
   const imageSrc = getSrc(
-    data.markdownRemark.frontmatter.visual.childImageSharp
+    data.markdownRemark.frontmatter.visual.childImageSharp,
   );
 
   if (!imageSrc) {