Как получить данные, отправленные с React с помощью axios в php файл

В React компонента я отправляю запрос к php файлу, который находится в одной директории с React приложением (скорее всего это не безопасно, но на этапе разработки будет так). Для отправки использую axios, принимающий в качестве параметра, который нужно отправить, объект values

onSubmit={(values, { setSubmitting })  {
    setTimeout(() => {
      async function sendDatasAndClearInput() {
        try {
          const response = await axios.post(
            'http://localhost:5173/src/server/login.php',
            values,
            {
              headers: {
                'Content-Type': 'application/json',
              },
            }
          );
          console.log(values);
        } catch (error) {
          console.error(error);
        }
      }
      sendDatasAndClearInput();
      setSubmitting(false);
    }, 400);
}}

Так же есть файл php, который должен принять данные с запроса и вывести их.

<h1>
    <?php 
        $data = json_decode($_POST['name'], 1);
        echo $data;
    ?> 
</h1>

Пробовал и обратиться к php://input

<h1>
    <?php 
        $inputJSON = file_get_contents('php://input');
        $input= json_decode( $inputJSON, TRUE ); 
        
        echo json_encode($input);
    ?> 
</h1>

Ничего из этого не решило проблему. Подскажите, в чем ошибка