Используйте эффект для остановки повторного рендеринга с помощью redux

#reactjs

Вопрос:

у меня 3 дива, с разным прошлым. каждый цвет фона сохраняется в redux. вы можете изменить цвет фона, нажав на другую кнопку.
итак, что я пытаюсь сделать, так это перестать перерисовывать всю страницу каждый раз, когда меняется небольшой фон. я хочу только повторно отобразить изменяющийся div.
мой код:

 //redux
INITIAL_STATE = { color1: "black", color2: "black", color3: "black"
//code    
const dispatch = useDispatch();
<div onClick={() => dispatch(changeColor1("blue")>1</div>
<div onClick={() => dispatch(changeColor2("red")>2</div>
<div onClick={() => dispatch(changeColor3("green")>3</div>

function Try(){
useEffect(() => {
  ???
},[??]
}
 

как я могу использовать функции изменения цвета внутри эффекта использования? что помешает от всего отказаться?