TYPESCRIPT

Array.prototype.map() expects a return value from arrow function array-callback-return

Use forEach() instead of map()

Array.prototype.map() expects a return value from arrow function array-callback-return

 {data.map((animal) =>{
       return(
          <AnimalCard key={animal.name} />
            )
        })
 }

Array.prototype.map() expects a return value from arrow function array-callback-return react

Changing {} to () worked for me

from map(() => {}) to map(() => ())

Array.prototype.map() expects a return value from arrow function array-callback-return

Using React or JSX? don't use map as-
props.users.map((user) => {
  <li>{user.name}</li>
});

Use '()' instead of '{}'

props.users.map((user) => (
  <li>{user.name}</li>
));

Array.prototype.map() expects a return value from arrow function array-callback-return

 {
                        loop.map(catogery =>{

                            <TableRow>
                            <TableCell>{loop.type}</TableCell>
                        </TableRow>
                        })
                    }