score:0
the problem relies on your fallback to ""
:
countrylist.filter((item) => {
return item.countryid === values.countryid;
})[0] || ""
the error you're getting is that when the value is ""
none of the options match with ""
because it will try to run getoptionselected
against ""
.
getoptionselected={(option, value) =>
option.countryid === value.countryid // here, option is ""
}
Source: stackoverflow.com
Related Query
- AutoComplete Material UI getOptionSelcted warning
- Handle change on Autocomplete Component from material ui
- Material-ui Autocomplete warning The value provided to Autocomplete is invalid
- How to test material ui autocomplete with react testing library
- Typescript Equality issue on Material UI Autocomplete
- React Formik Material UI Autocomplete: How can I populate value inside of autocomplete from localStorage?
- Material UI Autocomplete default value of empty string
- Compile error using the Component Lab > Autocomplete feature for SVG Icons in Material UI
- Material UI Autocomplete custom renderInput
- Material Autocomplete does not work with InputProps
- react material ui autocomplete element focus onclick
- Using Material UI is causing invalid hook call warning
- Material UI Autocomplete - Disable listbox after the item selection
- Removing underline style of autocomplete in react material ui component
- Capturing Tab Key on Material UI AutoComplete Component
- Select all and Select None buttons in Autocomplete Material UI React
- Material UI - Autocomplete Styling
- material ui autoComplete with icons
- How can I change the width of Material UI Autocomplete popover
- How to use onchange with autocomplete material ui?
- How to make autocomplete field of material UI required?
- Passing a NavLink to a Material UI component via the containerElement prop gives “Failed prop type” warning
- How to customize Autocomplete tag - Material UI
- Styling/ Changing Autocomplete close Icon in Material UI React
- React Material UI open modal from within autocomplete lose focus
- Issue with async default value in React Material UI Autocomplete
- Material Autocomplete only filtering with getOptionLabel field
- Material UI Autocomplete implementation with options containing array of objects (ID and label)
- How to remove selected value when click button of Autocomplete Material UI?
- React Material UI Autocomplete using React Hook Forms issue
More Query from same tag
- Loading jsx file in react-component
- Fetched data from backend but unable to access it in react
- Moving an object by changing its position in useFrame does not work
- Custom Labels for Pie Charts in React
- React Router not getting data from request like path="/products?category=:category"
- How to import js modules (with absolute path) in my typescript file in React application?
- Select matching words in the editable area
- Is there any way to link from a React project to a vanilla JS one?
- How to use props in a function in class component?
- Map list in React using typescript json object
- Api not get pokemon names
- Scroll event not firing until stopped scrolling on window in Chrome
- setState after setState
- Office ui Fabric People Picker, pass varaibles to onChangeEvent
- How to customise DateTimePicker from Material-UI
- Can not find local images
- ReactJS - Call to function from map function, function not defined
- Re-render a child component (React with Hooks)
- Understanding React refs - why is my reference null here?
- React datepicker styling
- Change the background image dynamically
- Page not found when hard refresh - Reactjs
- How can I add a limit to draggable area?
- Custom CSS doesn't override NavLink in React Bootstrap
- Calling dynamic component in React JS
- How to upload file from react js with Node JS
- Reactjs can't pass map.item property to another component
- How to open detail view on table row select in react.js?
- Value of state variable different inside useEffect hook (firestore onSnapshot callback)
- Is there a way to get inner html of a file?