Quiero un mapa de estado dinámico. Y estoy confundido cuando trato de combinar el mapa de estado resultante de const con la sintaxis de mapa habitual

Mi index.js así

 function Index({ data }) { const [value, setValue] = useState(0) const [days, setDays] = useState({ 0: 'sunday', 1: 'monday', 2: 'tuesday', 3: 'wednesday', 4: 'thursday', 5: 'friday', 6: 'saturday', 7: 'other', 8: 'unknown', }) const day = days[value] const handleChange = (event, newValue) => { setValue(newValue) } return ( <> <Box> <Tabs value={value} onChange={handleChange} ... > <Tab label='Sunday' /> ...

Quiero que (día) sea dinámico, pero obtuve un error y un mapa de estado como este

 {data.(day).map((data) => { return ( <ImageListItem key={data.mal_id} sx={{ overflow: 'hidden', minWidth: { xs: '150px', sm: '200px', md: '200px' }, }} > ...

Y esta la api

 { "request_hash": "lsbjdlbvajbval", "request_cached": true, "request_cache_expiry": ..., "monday": [ { ... } ], "tuesday": [ { ... } ], ...

Muchas gracias por la respuesta