Роман

export default function App() {
    const [operationsLoan, setOperationsLoan] = useState([] );
    const [loading, setLoading] = useState(false);

    useEffect(() => {
         setLoading(true);
            apiGetOperationsLoan()
                .then((response) => {
                    setOperationsLoan(response.data);
                    setLoading(false);
                });
    }, []);

// можно еще так сделать, зависит от обстоятельств
//   if (loading) {
 //    return <p> Идет загрузка данных </p>
 //  } 

    return (
        <>
            <div className="cabinet__history-title">
                <h1>
                    История операций
                </h1>
            </div>
            <TabBar>
                <TabBarItem label="Операции по займам">
                    <div className="loans-history">
                        {loading ? <p>Идет загрузка данных</p>
                                :   { operationsLoan.map((loan, index) => {
                                return <Loan loan={loan} key={index}/>;
                            })}
                          }
         
                    </div>
                </TabBarItem>
            </TabBar>