반응 - 목록 항목에 포커스를 주는 방법은 무엇입니까?

import {useLocation} from 'react-router-dom'

const location = useLocation();

const styles = {
  active: {
    background: '#f4f4f4'
  }
}

return (
  <List>
    {menuItems.map(item => (
      <ListItem sx={location.pathname === item.path ? styles.active : null}>
        <ListItemIcon>{item.icon}</ListItemIcon>
        <ListItemText primary={item.text}/>
      </ListItem>
    ))}
  </List>
)

<ListItem sx={location.pathname === item.path ? styles.active : null}>