[Bug]: `invisible` prop hide the cell but it's interactive

[boilund]

Component

Table

Package version

9.66.5

React version

18.3.1

Environment

System:
    OS: Linux 6.8 Ubuntu 22.04.5 LTS 22.04.5 LTS (Jammy Jellyfish)
    CPU: (12) x64 13th Gen Intel(R) Core(TM) i5-1335U
    Memory: 10.92 GB / 30.99 GB
    Container: Yes
    Shell: 5.8.1 - /bin/zsh
  Browsers:
    Chrome: 138.0.7204.49
  npmPackages:
    @fluentui/react-components: 9.66.5 => 9.66.5 
    @fluentui/react-icons: 2.0.305 => 2.0.305 
    @fluentui/react-utilities: 9.22.0 => 9.22.0 
    @types/react: 18.2.55 => 18.2.55 
    @types/react-dom: 18.2.18 => 18.2.18 
    react: 18.3.1 => 18.3.1 
    react-dom: 18.3.1 => 18.3.1

Current Behavior

Adding invisible prop to TableSelectionCell hide the selection cell, but it is still interactive. So you can see the pointer if you hover over the space, and you can even click on it to select.

Expected Behavior

Adding invisible prop to TableSelectionCell hide the selection cell, also it shouldn't be interactive.
You shouldn't see the pointer if you hover over the space, and you should not click on it to select.

Reproduction

https://stackblitz.com/edit/vitejs-vite-wgc2vh8f?file=src%2Fexample.tsx

Steps to reproduce

1. Go to https://stackblitz.com/edit/vitejs-vite-wgc2vh8f?file=src%2Fexample.tsx and run the project
2. Hover over the space in the table header
3. Click the space

Are you reporting an Accessibility issue?

None

Suggested severity

Medium - Has workaround

Products/sites affected

No response

Are you willing to submit a PR to fix?

no

Validations

• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible example of the bug.