I have a list of data that lists on the collapse, I just want to display in my collapse what i put on my Textfield
const onChangeLocation = (locations) =>{
console.log(locations)
}
<TextField
size="small"
fullWidth
onChange={onChangeLocation}
variant="standard"
placeholder="Search Locations"
onFocus={openSearch}
value={searchParameter}
}}
/>
<Collapse in={viewLocationList} sx={{ my: '2px' }}>
<Box className="rounded-scrollbar widget-result-container">
{locations.map((location, index) => (
<LocationWidgetItem
key={index}
location={location}
onClickLocation={setActiveLocation}
/>
))}
</Box>
</Collapse>