Я разрабатываю приложение реагирования js с компонентами пользовательского интерфейса. В моем приложении я не использовал избыточность.
Все работает нормально. Но когда я пытаюсь реализовать автозаполнение пользовательского интерфейса, он не работает в веб-пакете. Выдает эту ошибку
Это пример кода, который я пытаюсь добавить в свое приложение. https://codesandbox.io/s/test-material-ui-autocomplete-o3uic
Uncaught TypeError: Object(...) is not a function
at useAutocomplete (useAutocomplete.js:241)
at Autocomplete (Autocomplete.js:382)
at renderWithHooks (react-dom.development.js:2876)
at updateForwardRef (react-dom.development.js:3032)
at beginWork$1 (react-dom.development.js:3453)
at HTMLUnknownElement.callCallback (react-dom.development.js:124)
at Object.invokeGuardedCallbackDev (react-dom.development.js:144)
at invokeGuardedCallback (react-dom.development.js:159)
at beginWork$$1 (react-dom.development.js:4397)
at performUnitOfWork (react-dom.development.js:4195)
Это пакеты, которые я установил в своем приложении
"dependencies": {
"@babel/core": "^7.8.0",
"@babel/plugin-proposal-class-properties": "^7.8.0",
"@babel/preset-react": "^7.8.0",
"@babel/runtime": "^7.0.0-beta.55",
"@fortawesome/fontawesome-svg-core": "^1.2.26",
"@fortawesome/free-solid-svg-icons": "^5.12.0",
"@fortawesome/react-fontawesome": "^0.1.8",
"@material-ui/core": "^4.8.3",
"@material-ui/icons": "^4.5.1",
"@material-ui/lab": "^4.0.0-alpha.45",
"@testing-library/jest-dom": "^4.2.4",
"@testing-library/react": "^9.4.0",
"@testing-library/user-event": "^7.2.1",
"autosuggest-highlight": "^3.1.1",
"axios": "^0.19.2",
"babel-loader": "^8.0.6",
"bootstrap": "^4.4.1",
"css-loader": "^3.4.2",
"downshift": "^4.0.4",
"file-loader": "^5.0.2",
"file-saver": "^2.0.2",
"html-webpack-plugin": "^3.2.0",
"jquery": "^3.4.1",
"material-icons-react": "^1.0.4",
"mui-datatables": "^2.0.0",
"notistack": "^0.9.7",
"npm": "^6.13.6",
"path": "^0.12.7",
"react": "^16.13.1",
"react-app-polyfill": "^1.0.5",
"react-autosuggest": "^9.4.3",
"react-countdown-circle-timer": "^1.0.6",
"react-dom": "^16.12.0",
"react-excel-workbook": "0.0.4",
"react-html-table-to-excel": "^2.0.0",
"react-idle-timer": "^4.2.12",
"react-loader-spinner": "^3.1.5",
"react-material-ui-form-validator": "^2.0.9",
"react-responsive": "^8.0.1",
"react-router": "^5.1.2",
"react-router-dom": "^5.1.2",
"react-scripts": "^3.3.0",
"react-virtualized": "^9.21.2",
"react-xlsx-workbook-dynamic-column-width": "0.0.2",
"reactstrap": "^8.2.0",
"style-loader": "^1.1.2",
"styled-components": "^4.4.1",
"webpack": "^4.41.5",
"webpack-cli": "^3.3.10",
"webpack-dev-server": "^3.10.1"
},
Пожалуйста, помогите мне в этом.