state in Additional.jsx

[DmitriiMelnikOnix]

  const [serviceText] = useState({
    services: [
      { text: 'additional.EvacuationText', img: evacuation },
      { text: 'additional.PhotoText', img: Photo },
      { text: 'additional.TransportationText', img: Transp },
      { text: 'additional.GasTest', img: CheckUp },
      { text: 'additional.CorporateText', img: Corpotartion },
      { text: 'additional.CateringText', img: Keitering },
      { text: 'additional.RouteText', img: Route },
      { text: 'additional.ServicesText', img: Services },
    ]
  });

Не вижу смысла создавать обьект внутри которого массив, если можно создать сразу массив

  const [serviceText] = useState([
      { text: 'additional.EvacuationText', img: evacuation },
      { text: 'additional.PhotoText', img: Photo },
      { text: 'additional.TransportationText', img: Transp },
      { text: 'additional.GasTest', img: CheckUp },
      { text: 'additional.CorporateText', img: Corpotartion },
      { text: 'additional.CateringText', img: Keitering },
      { text: 'additional.RouteText', img: Route },
      { text: 'additional.ServicesText', img: Services },
    ]);

[DmitriiMelnikOnix]

Подобное и в OurAdvantages