Can anyone help me? I'm experiencing a strange bug in my code when it's running. When I enter a value and add it to the list, something strange happens: the values in the list follow the text I typed in the input, or there are no other values in the list after I enter any value.Here my code:

import React, {useState} from 'react';

function MyCarComponent() {
    const [cars, setCar] = useState([]);
    const [carsYear, setCarYear] = useState(new Date().getFullYear());
    const [carsModel, setCarModel] = useState("");
    const [carsMake, setCarMake] = useState("");

    function HandleAddCar(){
        const newCar = [{years: carsYear, model: carsModel, make: carsMake}];
        setCar(c => [...c, newCar]);
        setCarYear(new Date().getFullYear());
        setCarMake("");
        setCarModel("");
    }

    function HandleRemoveCar(index){
        setCar(c => c.filter((_, i) => i !== index));
    }

    function HandleCarYears(event){
        setCarYear(event.target.value);
    }

    function HandleCarModel(event){
        setCarModel(event.target.value);
    }

    function HandleCarMake(event){
        setCarMake(event.target.value);
    }

    return(

        

            

                {cars.map((cars, index) => 
 HandleRemoveCar(index)}> {cars.years} {cars.model} {cars.make} 
)}
            

            

            

            

            Add Car
        
    )
}

export default MyCarComponent