我已經將 Algolia 添加到我的 gatsby 項目中，它工作得很好但是當我想自定義搜索框時我遇到了問題我需要一些幫助在這里請我的朋友這是我第一次使用這個插件感謝你的幫助當我將搜索框組件從“react-instantsearch-dom”更改為自定義時，請給我這個錯誤任何幫助。import React from "react"import { graphql } from "gatsby"import { InstantSearch, Hits, SearchBox } from "react-instantsearch-dom"import algoliasearch from "algoliasearch/lite"import SEO from "../components/seo"import Article from "../components/article"import {Articles} from "../style/styles"import Layout from "../components/layout"const Blog = () => {  const searchClient = algoliasearch(    "XXXXXXX",    "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"  )  return (    <Layout>      <SEO title="blog Page" />      <h1>Hello</h1>      <InstantSearch indexName="hma" searchClient={searchClient} >        <div className="right-panel">          <SearchBox />          <Articles>              <Hits hitComponent={Article} />          </Articles>        </div>      </InstantSearch>    </Layout>  )}export const query = graphql`  query($skip: Int!, $limit: Int!) {    blogs: allMdx(      filter: { fileAbsolutePath: { regex: "//data/blogs//" } }      sort: { order: ASC, fields: frontmatter___date }      limit: $limit      skip: $skip    ) {      edges {        node {          fields {            slug          }          frontmatter {            title            tags            keywords            image            description            author            category          }        }      }    }  }`export default Blog