how to toggle clicked switch instead of all switches in react mui?

this is my state in parent component

  const [feedbackType, setFeedbackType] = useState({
    manual: true,
    auto: false,
  });

i am passing this state as a props to child component.
in child component i have this code

const handleFeedbackChange = type => {
    setFeedbackType(prevState => ({
      ...prevState,
      manual: type === 'manual',
      auto: type === 'auto',
    }));
  };

    <div>
          <Switch
            checked={feedbackType.manual}
            onChange={() => handleFeedbackChange('manual')}
            name="manual-feedback"
            inputProps={{ 'aria-label': 'Manual feedback' }}
            color="primary"
          />
          <label htmlFor="manual-feedback">Manual Feedback</label>

          <Switch
            checked={feedbackType.auto}
            onChange={() => {handleFeedbackChange('auto')}
            name="auto-feedback"
            inputProps={{ 'aria-label': 'Auto feedback' }}
            color="primary"
          />
          <label htmlFor="auto-feedback">Auto Feedback</label>
        </div>

my issue is i am running map on child component so if i have multiple data then there will be multiple switches. so whenever i try to turn on and off first switch then if effect on other switch as well.
can someone improve the logic according to this?
i try to implement something like passing id as a argument to function then receiving it as a parameter and make logic according to it.but i unable to do this.

you should move your useState inside the child component so that when you map throw the data, react would create a specific state for each rendered component, right now you are using one useState hook for all:

parent component:

const ParentComponent = () => {
    
    const data = // your data

    return (
        data.map((item, index) => <ChildComponent key={index} item={item} />)
    )
}

and you should change the handleFeedbackChange function like the code example bellow

child component:

const ChildComponent = ({ item }) => {
    const [state, setState] = useState({
        manual: true,
        auto: false,
    })

    const handleFeedbackChange = type => {\
        if(type === 'manual'){
           setState(prevState => ({
             ...prevState,
             manual: true,
           }));
        } else {
           setState(prevState => ({
             ...prevState,
             auto: true,
           }));
        }
    };

    return (
        <Switch
            checked={state.manual}
            onChange={() => handleFeedbackChange('manual')}
        />
        <Switch
            checked={state.auto}
            onChange={() => handleFeedbackChange('auto')}
        />
    )
}