I used Tabs and each tab have different url to be hit so I created a different component and passed the value as props and in react-query I used it as query keys but it is no working please help me to debug this code as I am very new to react-query and http request is new to me as well.

<div className='card-body py-3'>
                <ul className='nav nav-tabs nav-line-tabs mb-5 fs-6'>
                  <li className='nav-item'>
                    <a className='nav-link active' data-bs-toggle='tab' href='#kt_tab_pane_1'>
                      Pending
                    </a>
                  </li>
                  <li className='nav-item'>
                    <a className='nav-link' data-bs-toggle='tab' href='#kt_tab_pane_2'>
                      Verified
                    </a>
                  <li className='nav-item'>
                    <a className='nav-link' data-bs-toggle='tab' href='#kt_tab_pane_3'>
                      Update_rejected
                    </a>
                  </li>
                </ul>
                <div className='tab-content' id='myTabContent'>
                  <div className='tab-pane fade active show' id='kt_tab_pane_1' role='tabpanel'>
                    <TravelItem name='pending' />
                  </div>
                  <div className='tab-pane fade' id='kt_tab_pane_6' role='tabpanel'>
                    <TravelItem name='Update_rejected' />
                  </div>
                </div>
              </div>

in Travel item Component I used the query key which passes my name in query Params to the function on api request 

      const {data, isLoading, isError, isSuccess, isFetching} = useQuery(
        ['Pending', name],
        travelVerified,
        {
          refetchOnMount: true,
        }
      )
This is my api request where I used dynamic key every time I fetch the data with different name 
    export const travelVerified = async ({queryKey}: any) => {
      const [_key, name] = queryKey
      const {data} = await axios.get(`${process.env.REACT_APP_API_URL}/${name}`)
      return data
    }