Владимир

Проблема не в redux, а в том, что для него вы используете connect, то есть HOC.
Поэтому надо использовать forwardRef.
https://reactjs.org/docs/forwarding-refs.html

Именно цель?
Можно использовать просто сегмент


Если цель, то сделайте скрипт, который при загрузке любой страницы проверяет значение в куках/sessionstorage.
Если там ничего нет - записывает туда время входа.
По интервалу проверяется значение. Когда достигнуто – записываем событие, очищаем таймер

например,
float: right
для блока

А какая проблема с https://reacttraining.com/react-router/web ?
Покажите код хоть

К чему это изящество?
В данном случае производительность и читаемость кода важнее.
Можете просто использовать фильтр при чтении.
Или при записи.
Если хотите записывать компактно, сделайте свою функцию вроде

function fillDefined(obj) {
  return Object
    .entries(obj)
    .reduce((obj, cur) => { 
      if (typeof cur[1] !== 'undefined') 
        obj[cur[0]] = cur[1] ; 

      return obj;
     } , {})
}

const a = 1;
const b = undefined;
const c = fillDefined({ a, b })

Или фильтр + Object.fromEntries

Эмуляцией кнопки загрузить..
То есть отдельно "поле загрузки", отдельно кнопочка, отдельно значение.
В разных браузерах разное отображение, так что только так.