如何根据特定页面在Gatsby中有条件地呈现组件？

import React from "react"
import { graphql } from "gatsby"

export const query = graphql`
  query($path: String!) {
    sitePage(path: { eq: $path }) {
      path
    }
  }
`

const MyPage = ({ data, location }) => {
  const { path } = data.sitePage

  // 根据特定页面的路径进行条件判断
  if (path === "/specific-page") {
    return <SpecificComponent />
  } else {
    return <DefaultComponent />
  }
}

export default MyPage