Чипекве

removeUser: state => state = null

removeUser: state => initialState

const initialState: {
  currentUser?:  User;
} = {}

state.currentUser = {
        id: token.user_id,
        name: token.user_name,
        role: token.user_role
}

https://stackoverflow.com/questions/63037105/why-i...

Здесь состояние цвета одно на все дома. Его нужно вынести в элемент House, чтобы у каждого элемента было состояние, либо сделать более сложное состояние цвета, чтобы оно сохраняло цвета всех домов.

Или просто положить состояние цвета в это состояние домов:

const [houses, setHouses] = useState([
        {id: 1, title: 'house 1'},                           
    ])

Например: {id: 1, title: 'house 1', color: 'green'}.
Ну и onChangeColor, разумеется переделать, чтобы измененный цвет нужного дома правильно в состояние записывался.

https://ru.reactjs.org/docs/dom-elements.html#dang...

Нужно сохранять в состоянии элемент при наведении на него через (onMouseEnter).

А в className проверять, совпадает ли этот элемент и тот, что в состоянии. И если совпадает, добавлять ему нужный класс, иначе null.

const [currentActive, setActive] = useState()
Внутри скобок useState указываем элемент, если нужно задать его по умолчанию активным или оставляем их пустыми.

className={currentActive === el ? "active" : null}
В элементе прописываем выбор класса в зависимости от состояния.

onMouseEnter={() => setActive(el)}
Меняем состояние при наведении.