Avoid no-shadow eslint error with mapDispatchToProps

Question

I have the following component that triggers a no-shadow ESlint error on the FilterButton props.

Answer 1

With the new Hooks API added in v7.1.0, you can get rid of the variable and mapDispatchToProps altogether:

import { useDispatch } from 'react-redux'
import { setFilter } from '../actions/filter';

function FilterButton() {
  const dispatch = useDispatch()
  return (
    Click
  );
}

export default FilterButton;