Gatsbyではじめる

import * as React from "react"
import type { GatsbyBrowser } from "gatsby"
import { UIProvider } from "@yamada-ui/react"

export const wrapPageElement: GatsbyBrowser["wrapPageElement"] = ({
  element,
}) => {
  return <UIProvider>{element}</UIProvider>
}

import * as React from "react"
import { Button } from "@yamada-ui/react"
import type { HeadFC, PageProps } from "gatsby"

const IndexPage: React.FC<PageProps> = () => {
  return <Button>Click me!</Button>
}

export default IndexPage

export const Head: HeadFC = () => <title>Home Page</title>