Handle nested object useState with multiple checkboxes React hooks

Question

I\'ve got useState object like this

export const dataService = () => {
const [data,setData] = useState([
{
dataName:\'name1\',
dataVisible:false,
dataUrl:\