You can move the second request to the then block of the dependent first request,i.e., getTracks, as:

useEffect(() => {
    const getTracks = async () => {
        httpClient.get(`/track/${id}`)
            .then((response) => {
                setTrack(response.data);
                httpClient.get(`/profile/${response.data.user}/`)
               .then((response) => {
                 setUser(response.data);
               })
            })
    }
    getTracks();
}, [])

You can move the second request to the then block of the dependent first request,i.e., getTracks. Also, you shouldn't mix then and await.

useEffect(() => {
    const getTracks = () => {
        httpClient.get(`/track/${id}`)
            .then((response) => {
                setTrack(response.data);
                httpClient.get(`/profile/${response.data.user}/`)
               .then((response) => {
                 setUser(response.data);
               })
            })
    }
    getTracks();
}, [])

You can move the second request to the then block of the dependent first request,i.e., getTracks, as:

useEffect(() => {
    const getTracks = async () => {
        await httpClient.get(`/track/${id}`)
            .then((response) => {
                setTrack(response.data);
                await httpClient.get(`/profile/${response.data.user}/`)
               .then((response) => {
                 setUser(response.data);
               })
            })
    }
    getTracks();
}, [])

You can move the second request to the then block of the dependent first request,i.e., getTracks, as:

useEffect(() => {
    const getTracks = async () => {
        httpClient.get(`/track/${id}`)
            .then((response) => {
                setTrack(response.data);
                httpClient.get(`/profile/${response.data.user}/`)
               .then((response) => {
                 setUser(response.data);
               })
            })
    }
    getTracks();
}, [])