ColumnVisibility requires changes

[sujit-baniya]

I can hide/show columns on realtime using state.columnVisibility. I can hide/show columns by default using initialState.columnVisibility. Both configuration doesn't work when applied together i.e.I want to hide a column initially but still wanted to have the field visibility toggled. It's not working as intended.

Here in code if I set both, the initialState.columnVisibility doesn't work but I can toggle columns at runtime. If I remove state.columnVisibility, I can't toggle columns at runtime but initially the columns get hidden. Please suggest how I could fix the issue?

const [columnVisibility, setColumnVisibility] = React.useState({});
const table = useReactTable({
    state: {
        columnVisibility
    },
    initialState: {
        columnVisibility: {"open_count": false},
    }
})