Where do you need to put the files so that after deploy they would be found?

Question

GitHub

Hello. Tell me please.
There is a project in react.
Using fetch, the component receives data.json (as required by the conditions), which lies in the project folder (currently in public)

const getPersonList = async () => {
    const response = await fetch("../data/data.json");
    const data = await response.json();

    sendPerson(data);
  };

I have such a project structure created by create-react-app

Locally everything works and finds the data.json file.
But when deploying to github pages, the file is not found and the console throws an error.
In what folder should I put this file so that after assembly it will be fixed?

Answer 1

In public. Only you need to contact without "..", because public is available directly - site.ru/data/data.json