Вопрос: ошибка 404(Search with id is not found and Not Found) с кодом все ок? ибо я не знаю в чем проблема

(если в целом,

1) мне нужно получить searchId

2) получить пачку билетов + указать search id )

3) и получить stop: true из запроса, тогда обработка завершится мне надо сделать эти шаги: https://github.com/KosyanMedia/test-tasks/blob/master/aviasales_frontend/server.md

вот код: https://codesandbox.io/s/d9kw8

import React, { useState, useEffect } from 'react'; import styled from 'styled-components' import axios from 'axios' import CompanyLogo from '../../../img/SSevenLogo.png'

const Ticket = (props) => { const [SearchId, setSearchId] = useState(''); const SEARCH_ID_URL = 'https://front-test.beta.aviasales.ru/searchhttps://front-test.beta.aviasales.ru/search' const [Tickets, setTickets] = useState({ TicketsBox: [] }) const GET_TICKETS_BOX_URL = 'https://front-test.beta.aviasales.ru/tickets'

useEffect(async () => {
    try {
        const FetchID = async () => {
        const result_ID = await axios.get(SEARCH_ID_URL);

        setSearchId(result_ID.data)
    };
        FetchID();

    } catch (error) {
        alert(error)
    }
    try {
        const Fetch_TICKETS_BOX = async () => {
            const result_T_BOX = await axios.get(GET_TICKETS_BOX_URL+'?searchId='+SearchId);

            setTickets(result_T_BOX.data)
        };
        Fetch_TICKETS_BOX();
    } catch (error) {
        alert(error)
    }
}, [SearchId, Tickets]);




return (
    <div className="Ticket">
    <div className="FirstPriceAndLogoFlexBox">
    <h3>13 400 P</h3>
    <img src={CompanyLogo} />
    </div>
    <div className="FlyCurrentInfoFlexWrapper">
    <div className="FirstBlockInfoWrapper">
        <p>1</p>
        <p>2</p>
        <p>2 пересадки</p>
    </div>
    <div className="SecondBlockInfoWrapper AnotherStyles">
        <p className="FromTo">1</p>
        <p className="DateHere">2</p>
        <p className="Transfers">3</p>
    </div>
    <div className="FirstBlockInfoWrapper">
        <p>1</p>
        <p>2</p>
        <p>3</p>
    </div>
    <div className="SecondBlockInfoWrapper">
        <p className="FromTo">1</p>
        <p className="DateHere">2</p>
        <p className="Transfers">3</p>
    </div>
    </div>
    </div>
)

}

export default Ticket