我已經(jīng)將 Algolia 添加到我的 gatsby 項(xiàng)目中，它工作得很好但是當(dāng)我想自定義搜索框時(shí)我遇到了問題我需要一些幫助在這里請(qǐng)我的朋友這是我第一次使用這個(gè)插件感謝你的幫助當(dāng)我將搜索框組件從“react-instantsearch-dom”更改為自定義時(shí)，請(qǐng)給我這個(gè)錯(cuò)誤任何幫助。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