오류없이 클릭요소 value불러오기

 const handleFilterCategory = (e) => {
    const { dataset } = e.currentTarget
    const { value } = dataset
    setFilterCategory(value)
  }
 
<ul className={styles.categories}>
  {category.map((item, idx) => (
      <li key={`category-${category[idx]}`} className={styles.category} data-value={item} onClick={handleFilterCategory} role='presentation'>
    <p className={styles.categoriesCount}>40 tasks</p>
    <p className={styles.categoriesTitle}>{item}</p>
    <div className={styles.bar} />
  </li>
  ))}
</ul>

1. e.currentTarget으로 클릭요소를 불러오고 , 해당 돔의 data-~~를
   { dataset } 에 객체로 저장해준다.
   const { dataset } = e.currentTarget
2. 저장한 객체의 value 키를 value변수에 저장한다.
   const { value } = dataset