how to remove or make checkbox color transperent if isRowSelectable value false in MuiDataTable

[SrinivasChary066]

i would like to remove or make checkbox invisible on screen when isRowSelectable false i have researched and tried so much but im unable to achieve this outcome with MuiDataTable

is there any way that we can remove or make checkbox color transperent when row is desable

here is my state data for datatable

const data = [
    {
      isSelected: true,
      name: "Jhon",
      title: "leader",
      location: "house",
      isDisabled: true
    },
    {
      isSelected: false,
      name: "don",
      title: "ruler",
      location: "on table",
      isDisabled: false
    },

and here are my options

i have tried mutiple ways its not working for me

with MuiTheme

const getMuiTheme = () =>
    createTheme({
      overrides: {
        MUIDataTableSelectCell: {
          desabled: {
            color: "yellow !important"
          }
        }
      }
    });

with table options

CheckboxProps: {
      style: {
        color: "blue" // Change this to the desired checkbox color
      }
    },

here is the condition for making desabled row

isRowSelectable: (dataIndex) => !stateData[dataIndex].isDisabled,

im able to gray out the desabled row

setRowProps: (row, index) => {
      const rowProps = {};
      if (stateData[index].isDisabled) {
        rowProps.style = {
          backgroundColor: "lightGray"
        };
      }

      console.log(rowProps);
      return rowProps;
    }

but how can i do to checkbox as well

here is my sandcode box https://codesandbox.io/s/serverless-glade-2bzlg7