I am working on Front End Project with react to ,one of the task mission is to get the previous state of what user filled ,i got all the data that the user filled in text box , how ever i can not get the previous state of the check box that user checked .

I tried this code :

function SaveForm({ selectedName }){
const [formData, setFormData] = useState({
    name: '',
    nationality: '',
    age: '',
    single: false,  
  });
  const [isSelected, setIsSelected] = React.useState(false);

  const fetchDefault = async () => {
    const response = await fetch(${apiUrl}/read-value/);
    const newData = await response.json();
    
    
    setResults(newData.results)
  

    
  };
  
  useEffect(() => {
    setFormData(prevState => ({
      ...prevState,
      
      ["name"]: selectedName,
   
    
    }));
   fetchDefault()
   // setFormData(formData.name)
  }, [selectedName])

  const setFormDefaults =(data)=>{
    setFormData(prevState => ({
      ...prevState,
      ["name"]: data.name,
      ["nationality"]:data.nationality,
      ["age"]:data.age,
      ["single"]: data.single ,
    }));
  }
const handleChange = event => {
    const { name, value } = event.target;
    setFormData(prevState => ({
      ...prevState,
      [name]: value,
    }));
  };
return (
    <div  >
      
      <ServiceSelect results={results} setFormData={setFormDefaults}/>
    <form onSubmit={handleSubmit}>
      

        
      <Checkbox 
        name="single" 
        value ={ formData.single}  
        onValueChange={setIsSelected} 
        onChange={handleChange} 
        >single</Checkbox>
         <br></br>