Fetch and display data on React bootstrap Table

Hello guys i am trying to display my data from my api
here my Json response :

{
"id": 1,
"name": "Chicken Wings",
"product_category": {
"name": "Starter"
},
"short_description": "Delicious Chicken Wings",
"image": "http://127.0.0.1:8000/api/meal_images/telechargement.jpeg",
"price": 10
},
{

This is my react component for the table :

ID
Name
Category
Image
Price

but for 'product_category' that display me '{object} {object} , i try to display the name of the product_category , i tried with dataField='product_category.name' but dosen't work how can i access to the name of my product_category table ? Thank you