为什么在React中导入UseSearchParams会抛出生产错误

Question

我正在尝试访问我的反应应用程序中的查询参数。我的代码相当标准，如下。

import React from 'react'; 
import { useSearchParams } from 'react-router-dom';

const App = () => {
  let [searchParams, setSearchParams] = useSearchParams();
  ...

但是，当我尝试运行它时，我收到这个奇怪的错误：

任何帮助将不胜感激。我的 package.json 依赖项如下。

"dependencies": {
  "@testing-library/jest-dom": "^5.17.0",
  "@testing-library/react": "^13.4.0",
  "@testing-library/user-event": "^13.5.0",
  "bootstrap": "^5.3.2",
  "react": "^18.2.0",
  "react-bootstrap": "^2.10.0",
  "react-confirm-bootstrap": "^5.3.1",
  "react-dom": "^18.2.0",
  "react-fuzzy": "^1.3.0",
  "react-modal": "^3.16.1",
  "react-router-dom": "^6.21.1",
  "react-scripts": "5.0.1",
  "styled-components": "^6.1.1",
  "uid": "^2.0.2",
  "web-vitals": "^2.1.4",
  "yn": "^5.0.0"
},

Answer 1

我们可以了解更多详情吗？错误没有明确给你答案