In Chapter - 9

[ckarthikdev]

Hi,

The imported utilis filterData i have written like below.

const data = (
< filterData searchText={searchText} allRestaurants={allRestaurants} />
);

is this correct ? .

when i search the feature it shows error " TypeError: filteredRestaurants.map is not a function "

[timmy471]

Hi @ckarthikdev, this type of error would usually occur when the filteredRestaurants is not an array. The javascript map function only works on arrays. Additionally, you use console.log(typeof filteredRestaurants) to verify its data type.

[vivekanand-vr]

@ckarthikdev The problem is you are using the filterData as a component which is just a javascript function not a React component. You need to pass the arguments to the function and store them in a state variable to display.

Proper Syntax Looks like ; const filteredData = filterData(searchText, restaurants);