reactjs - mui ToggleButtonGroup 的 onChange 事件作為 prop 不起作用

當我將 onChange 的值作為 prop 傳遞以便重用時，我無法獲取它

<ToggleButtonGroup
    orientation="vertical"
    value={view}
    exclusive
    onChange={handleFilterClick}
    sx={{
      width: '100%',
      '&.MuiToggleButtonGroup-root .Mui-selected': {
        backgroundColor: 'rgb(0 253 255 / 19%) !important',
      },
    }}
  >

在頁面內

const handleChange = (event: React.MouseEvent<HTMLElement>, nextView: string) => {
setView(nextView);};

我有三個問題

1. onChange 事件在不傳送參數的情況下也能運作，但我無法取得值

2. 我無法傳送事件參數，事件已被廢棄

3. 當我添加參數時，我收到此錯誤：類型 '(event: React.MouseEvent, value: string) => void' 無法分配給類型 'VoidFunction'

   <MntHeaderWidget CardTitle={RtToggle.CardTitle} ToggleValue={RtToggle.ToggleValue} headerIcon={RtToggle.headerIcon} handleFilterClick={(event: React.MouseEvent, value: string) => handleChange(event, value)} data={RtToggle.data} />

我應該如何傳遞這個函數？例如來自 MUI 的 Stackblitz（這個 onchange 事件在同一頁面，但我想把它作為一個 prop 傳遞）：stackblitz