ReactJs Form Data should select json : if array object access.value === true then default select that radio button and can change it if i change

should work like below image : means set the radio button according to access access.value === true and change is if i change the radio button

and get is submit if i click down submit button and clear if i press cancel button

Required : TO set the value use hooks usestate

const data = [
{
  id: 1,
  name: data1,
  access: [
    { name: 'type1', value: false },
    { name: 'type2', value: true },
    { name: 'type3', value: false }
  ]
},
{
  id: 2,
  name: data12,
  access: [
    { name: 'type1', value: false },
    { name: 'type2', value: true },
    { name: 'type3', value: false }
  ]
},
{
  id: 3,
  name: data13,
  access: [
    { name: 'type1', value: true },
    { name: 'type2', value: false },
    { name: 'type3', value: false }
  ]
}
]

const [data, setData] = useState({});
const handleChange = (event) => {
const { name, value } = event.target;
setdata((state) => ({ ...state, [name]: value }));
};


return(
   {data[0].access.map((access) => (
                <RadioGroup
                  row
                  name={data.name}
                  value={[data.name]}
                  onChange={handleChange}
                >
                  <TableCell
                  >
                    <FormControlLabel
                      value={
                        access.name
                      }
                      control={<Radio />}
                      label=""
                    />
                  </TableCell>
                </RadioGroup>
              ))}
  )