Please Guide,

Here is the code:

actions={[
          {
            icon:()=><Select
            labelId="demo-simple-select-label"
            id="demo-simple-select"
            style={{width:100}}
            value={website}
            onChange={(e)=>setWebsite(e.target.value)}
          >
            <MenuItem value={"all"}><em>All</em></MenuItem>
            <MenuItem value={'hildegard.org'}>Hild</MenuItem>
            <MenuItem value={'anastasia.net'}>Anast</MenuItem>
            <MenuItem value={'ramiro.info'}>Ramiro</MenuItem>
          </Select>,
          tooltip:"Filter Year",
          isFreeAction:true
          }

(table was populated from data with external API)

Here is my JSON:

[
    {
      "phone": "1-770-736-8031 x56442",
      "website": "hildegard.org"
    },
    {
      "phone": "010-692-6593 x09125",
      "website": "anastasia.net",
    },
    {
      "phone": "1-463-123-4447",
      "website": "ramiro.info",
    }
]

• Full JSON API.

• Full code.

Please guide where am I going wrong.