The result of the search can not be displayed correctly on the full search page and get an error, but it can be displayed correctly in the dialog view #9200

Have you read the Contributing Guidelines on issues?

• I have read the Contributing Guidelines on issues.

Prerequisites

• I'm using the latest version of Docusaurus.
• I have tried the npm run clear or yarn clear command.
• I have tried rm -rf node_modules yarn.lock package-lock.json and re-installing packages.
• I have tried creating a repro with https://new.docusaurus.io.
• I have read the console error message carefully (if applicable).

Description

website: https://pulsar.apache.org/
error search display demo: https://pulsar.apache.org/search/?q=k8s

The result of the search can not be displayed correctly on the full search page and get an error, but it can be displayed correctly in the dialog view

Error detail:

Uncaught (in promise) Error: Uncaught, unspecified "error" event. ([object Object])
    at t.emit (1a4e3797.9530b31a.js:2:775)
    at d._dispatchAlgoliaError (1a4e3797.9530b31a.js:2:41011)
t.emit @ 1a4e3797.9530b31a.js:2
d._dispatchAlgoliaError @ 1a4e3797.9530b31a.js:2
Promise.catch (async)
d._search @ 1a4e3797.9530b31a.js:2
d.search @ 1a4e3797.9530b31a.js:2
(anonymous) @ 1a4e3797.9530b31a.js:2
(anonymous) @ main.9587d1e9.js:2
(anonymous) @ 1a4e3797.9530b31a.js:2
setTimeout (async)
(anonymous) @ 1a4e3797.9530b31a.js:2
zc @ main.9587d1e9.js:2
t.unstable_runWithPriority @ main.9587d1e9.js:2
Va @ main.9587d1e9.js:2
Ic @ main.9587d1e9.js:2
(anonymous) @ main.9587d1e9.js:2
D @ main.9587d1e9.js:2
y.port1.onmessage @ main.9587d1e9.js:2

Reproducible demo

https://github.com/apache/pulsar-site

Steps to reproduce

1. git clone git@github.com:apache/pulsar-site.git
2. yarn install
3. npm start
4. Go to http://localhost:3000/ and open Developer Tools
5. Click search input on the top navigation
6. Input any keyword, for example:k8s
7. scroll to the bottom of the search result list, click See all 10 results
8. See error

Live reproduction:
http://localhost:3000/search/?q=k8s

Expected behavior

The result of the search can be displayed correctly on the full search page

Actual behavior

website: https://pulsar.apache.org/
error search display demo: https://pulsar.apache.org/search/?q=k8s

The result of the search can not be displayed correctly on the full search page and get an error, but it can be displayed correctly in the dialog view

Error detail:

Uncaught (in promise) Error: Uncaught, unspecified "error" event. ([object Object])
    at t.emit (1a4e3797.9530b31a.js:2:775)
    at d._dispatchAlgoliaError (1a4e3797.9530b31a.js:2:41011)
t.emit @ 1a4e3797.9530b31a.js:2
d._dispatchAlgoliaError @ 1a4e3797.9530b31a.js:2
Promise.catch (async)
d._search @ 1a4e3797.9530b31a.js:2
d.search @ 1a4e3797.9530b31a.js:2
(anonymous) @ 1a4e3797.9530b31a.js:2
(anonymous) @ main.9587d1e9.js:2
(anonymous) @ 1a4e3797.9530b31a.js:2
setTimeout (async)
(anonymous) @ 1a4e3797.9530b31a.js:2
zc @ main.9587d1e9.js:2
t.unstable_runWithPriority @ main.9587d1e9.js:2
Va @ main.9587d1e9.js:2
Ic @ main.9587d1e9.js:2
(anonymous) @ main.9587d1e9.js:2
D @ main.9587d1e9.js:2
y.port1.onmessage @ main.9587d1e9.js:2

Your environment

• Public source code: https://github.com/apache/pulsar-site
• Public site URL: https://pulsar.apache.org/
• Docusaurus version used: 2.4.0
• Environment name and version (e.g. Chrome 89, Node.js 16.4): Chrome Version 115.0.5790.170 (Official Build) (arm64) , Node.js v16.17.0
• Operating system and version (e.g. Ubuntu 20.04.2 LTS): macOS 13.4.1

Self-service

• I'd be willing to fix this bug myself.