class ServiceUtil {
  constructor() {}
  getOrders(myFetch) {
    const { error, data = [], loading } = myFetch(
      "https://jsonplaceholder.typicode.com/todos/1"
    );
    return {
      error,
      data,
      loading
    };
  }
}

function useInjection() {
  return new ServiceUtil();
}
let serviceUtil = new ServiceUtil();

export default function App() {
  const options = {};

  let fullInfo = serviceUtil.getOrders(useFetch, 1);

  return (
    <div className="App">
      {console.log(fullInfo)}
      <h2>Start editing to see some magic happen!</h2>
    </div>
  );
}

class ServiceReal {
 ...
 getOrders(myFetch){
  let {data, error, loading}=  myFetch("/api/real-data/");// реальные данные
 
}
}
class ServiceDummy{
 ...
 getOrders(myFetch){
 retutn [{id:1, status: 2, order_name:"Заказ 20231"}];// просто массив
}

}чтобы дальше вот так делать
let service = isRealMode? new ServiceReal (): new ServiceDummy();
function OrderComponent(){
let data = service.getOrders(useFetch); // если в тестовом режиме то, данные получаем из массива если настоящий то из сервера
return (<div>{

 data.map((item)=>{

 <span key={item.id}>{item.order_name}</span>
});
}</div>);

 }