how to solve this error?( TypeError: Cannot read property 'name' of undefined)

Question

import React from "react";
import {Box,Typography} from '@material-ui/core';
const Information =({data})=> {
return (
<Box>
<Typography>Location {data.name}</Typography>
</Box>
)

}
export default Information;

Answer 1

Shweta
Before you can understand and solve this problem, do you understand what is {data} means in function component below:

const Information = ({data}) => {
}

?

How do you call this function component in jsx, eg. <Information .... />?

Answer 2

https://code.sololearn.com/Wb5w8eO7823Q/?ref=app