I am trying to develop a list of products to display in react js.
I am using local data.json file for now but will fetch from an API in future.

I’m trying to send a new product data to my server and i get this err
Uncaught (in promise) SyntaxError: Unexpected end of JSON input
while the object that i’ve entered in JSON is not empty

my code is below and does not display the data from my json file. The code supposed to get the data from the json file and display on the table but it’s not working. What can i do to fix this because i tried moving the json file to different locations within the application and still not working.