Reactでliタグの頭文字を任意の数字や文字列にしたい

const data = [
  { number: 1, name: 'にゃん' }
  { number: 4, name: 'ゴン' }
  { number: 17, name: 'ジュゲム' }
]
const List = () => {
  return (
    <ul>
      {data.map(({ number, name }) => 
        <li style={{ listStyleType: `'（${number}）'` }}>{name}</li>
      )}
    </ul>
  )
}