以下的code標註的那段會得到報錯"Type 'unknown' cannot be used as an index type."

原因是MUI的interface SelectProps的泛型T預設為unknown，請問是否有方法可以傳遞型別參數給T，讓value不再是unknown?

雖然改用Select的話不會有這個問題，但是Select好像沒辦法讓label固定顯示在那邊，所以才用TextField去弄

function App() {
  const map = {
    Ten:'十',
    Twenty:'二十',
  };

  return (
    <div className="App">
      <TextField id="select" label="Age" value="20" select SelectProps={{
        renderValue:(value) => {
          console.log(value)

          // 這裡
          return <p>{map[value]}</p>
        }
      }}>
        <MenuItem value="10">Ten</MenuItem>
        <MenuItem value="20">Twenty</MenuItem>
      </TextField>
    </div>
  );
}

以上，如果有人知道請告訴我，謝謝