How can I hide or show checkboxes using a state or prop?

[stefanellid-mms]

Hello everyone,

I'd like to change dynamically the enableRowSelection, controlled by a variable (a state or prop). For instance, by default I set enableRowSelection to false but, after an API request where I check user's permissions, I like to switch enableRowSelection to true. The problem is that even when I updated the state variable from false to true, the checkboxes are never displayed.

Here is a code example:

const [enableSelection, setEnableSelection] = useState(false);

useEffect(()=> {
  if(permission.canEdit) {
    setEnableSelection(true);
  }
}, [permission]);

 const tableProps = {
    columns,
    data,
    enableRowSelection: enableSelection,
...