react-loqate: getting error while yarn watch

Question

ERROR in ./node_modules/react-loqate/dist/index.mjs 57:78 Module parse failed: Unexpected token (57:78) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | const search = ${suggestion.Text} ${suggestion.Description}; | const result = search.match(regex); > const [before, match, after] = (result == null ? void 0 : result.slice(1)) ?? ["", "", ""]; | return /* @PURE */ React3.createElement( | "li", ℹ ｢wdm｣: Failed to compile.

Here is my package.json dependencies:

"dependencies": { "@magento/pwa-buildpack": "~11.5.3", "@magento/venia-data-collector": "^1.0.7", "@magento/venia-product-recommendations": "^1.0.1", "jwt-encode": "^1.0.1", "react-circular-progressbar": "^2.1.0", "react-datepicker": "^4.25.0", "react-infinite-scroll-component": "^6.1.0", "react-loqate": "^3.0.1", "react-markdown": "8.0.7", "react-otp-input": "^3.1.1", "react-select": "^5.10.0", "react-window": "^1.8.11" }