yury-dymov / react-autocomplete-input

Autocomplete input field for React
https://yury-dymov.github.io/react-autocomplete-input/
MIT License
199 stars 65 forks source link

p(...) is not a function TypeError: p(...) is not a function #136

Open zmnv opened 1 month ago

zmnv commented 1 month ago

Uncaught runtime errors: × ERROR p(...) is not a function TypeError: p(...) is not a function at f.value (http://localhost:3000/main.5d38b943fa43c70249cc.hot-update.js:2902:110) at commitLayoutEffectOnFiber (http://localhost:3000/static/js/bundle.js:60648:34) at commitLayoutMountEffects_complete (http://localhost:3000/static/js/bundle.js:61789:13) at commitLayoutEffects_begin (http://localhost:3000/static/js/bundle.js:61778:11) at commitLayoutEffects (http://localhost:3000/static/js/bundle.js:61724:7) at commitRootImpl (http://localhost:3000/static/js/bundle.js:63633:9) at commitRoot (http://localhost:3000/static/js/bundle.js:63513:9) at performSyncWorkOnRoot (http://localhost:3000/static/js/bundle.js:63022:7) at flushSyncCallbacks (http://localhost:3000/static/js/bundle.js:51031:26) at flushSync (http://localhost:3000/static/js/bundle.js:63099:11)

  1. create react app. deps:
      "@testing-library/jest-dom": "^5.17.0",
    "@testing-library/react": "^13.4.0",
    "@testing-library/user-event": "^13.5.0",
    "@types/jest": "^27.5.2",
    "@types/node": "^16.18.91",
    "@types/react": "^18.2.73",
    "@types/react-dom": "^18.2.22",
    "classnames": "^2.5.1",
    "clipboard-copy": "^4.0.1",
    "json-beautify": "^1.1.1",
    "jsonminify": "^0.4.2",
    "lodash": "^4.17.21",
    "parse-numeric-range": "^1.3.0",
    "postcss-loader": "^8.1.1",
    "react": "^18.2.0",
    "react-autocomplete-input": "^1.0.31",
    "react-children-utilities": "^2.10.0",
    "react-detect-click-outside": "^1.1.7",
    "react-dom": "^18.2.0",
    "react-dropzone": "^14.2.3",
    "react-markdown": "^9.0.1",
    "react-medium-image-zoom": "^5.2.4",
    "react-router-dom": "^6.22.3",
    "react-scripts": "5.0.1",
    "react-spring": "^9.7.3",
    "react-spring-modal": "^2.0.7",
    "react-sticky-box": "^2.0.5",
    "react-syntax-highlighter": "^15.5.0",
    "react-textarea-autosize": "^8.5.3",
    "rehype-raw": "^7.0.0",
    "remark-gfm": "^4.0.0",
    "typescript": "^4.9.5",
    "use-state-persist": "^0.3.1",
    "uuid": "^9.0.1",
    "web-vitals": "^2.1.4"

anything not working like:

    import TextInput from 'react-autocomplete-input';
import 'react-autocomplete-input/dist/bundle.css';

<TextInput trigger={["@", "@@"]} options={{"@": ["aa", "ab", "abc", "abcd"], "@@": ["az", "ar"]}} />