axios

API folder

import axios from "axios";

const apiFirebase = axios.create({
  baseURL: "https://xxx-com.cloudfunctions.net/",
});
export default apiFirebase;

Calling API in your APP

import apiFirebase from "../../Api/apiFirebase";
import { Link, useNavigate, useParams } from "react-router-dom";
import React, {useState,useEffect} from React

function App() {
  const [search, setSearch] = useState("");
    const { params } = useParams();
    const [loading, setLoading] = useState(false);
    const [detailProfile,setDetailProfile]

const getInputProfile = async () => {
        if (params !== undefined) {
          try {   
            setLoading(true);
            setSearch(params);
            const res = await apiFirebase.get(`myData?query=${params}`);
            console.log(res.data, 'look');
            setDetailProfile(res.data)
            setLoading(false);        
          } catch (error) {      
            setLoading(false);       
          }     
        }
      };
      
       useEffect(() => {
        getInputProfile();

        return () => {
            setDetailProfile("")
        };
      }, [params]);
      
      return(
        // return detailProfile
      )
}