diff --git a/src/components/common/head.tsx b/src/components/common/head.tsx index 630b9a50..5631d692 100644 --- a/src/components/common/head.tsx +++ b/src/components/common/head.tsx @@ -23,8 +23,8 @@ export const HeadFactory: ComponentType = ({ 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 = ({ } } } - `); + `, + ); const baseData = siteMetaDataQueryResult.site?.siteMetadata; if ( !baseData?.title || diff --git a/src/components/detail/contents-header.tsx b/src/components/detail/contents-header.tsx index 996ef8a7..6c826fe2 100644 --- a/src/components/detail/contents-header.tsx +++ b/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 || diff --git a/src/templates/detail-page.tsx b/src/templates/detail-page.tsx index abe52a22..ca02618a 100644 --- a/src/templates/detail-page.tsx +++ b/src/templates/detail-page.tsx @@ -95,7 +95,7 @@ export const Head = ({ data }: HeadProps) => { // 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) {