В каких случаях useSelector будет вызывать перерисовку компонента

Компонент перерисуется, если возвращаемое значение useSelector изменилось по сравнению с предыдущим вызовом (проверка через ===).

Пример:

const count = useSelector(state => state.counter); // Перерисуется только если state.counter изменился

Важные моменты:

1. Примитивы сравниваются по значению
2. Объекты/массивы сравниваются по ссылке
3. Новый объект в селекторе вызовет лишние ререндеры:

// ПЛОХО - создаёт новый объект при каждом вызове
const {a, b} = useSelector(state => ({a: state.a, b: state.b}));

// ХОРОШО - перерисуется только если изменится a или b
const a = useSelector(state => state.a);
const b = useSelector(state => state.b);

Для оптимизации можно использовать shallowEqual из react-redux или мемоизировать селекторы с помощью Reselect.