Fix React Fetch Code

import React, { useEffect, useState } from 'react';

const App = () => {
  const [item, setItem] = useState(null);
  const idParam = 'someId'; // Replace with actual idParam

  useEffect(() => {
    const fetchData = async () => {
      try {
        const response = await fetch(`https://www.technosysa.com/new_announce.php?id=${idParam}&mode=get_announce`, {
          method: 'GET',
          headers: {
            'Content-Type': 'application/json',
          },
        });
        const data = await response.json();
        console.log(data);
        setItem({
          id: idParam,
          description: data.description,
          Name_person: data.Name_person,
          telefono: data.telefono,
          whatsapp: data.whatsapp,
          email: data.email,
          file_path_user_jpg: data.file_path_user_jpg,
        });
      } catch (error) {
        console.error('Error fetching data:', error);
      }
    };
    fetchData();
  }, [idParam]);

  return (
    <div className="App">
      {item && (
        <div>
          <h1>{item.Name_person}</h1>
          <p>{item.description}</p>
          <p>Phone: {item.telefono}</p>
          <p>WhatsApp: {item.whatsapp}</p>
          <p>Email: {item.email}</p>
          <img src={item.file_path_user_jpg} alt="User" />
        </div>
      )}
    </div>
  );
};

export default App;