Как исправить ошибку "Objects are not valid as a React child"?

MaksKharovsk, спасибо!

Почему в Redux сохраняется только один символ?

Большое спасибо за все советы! Я вам очень-очень благодарна!

Почему в Redux сохраняется только один символ?

Большое спасибо за такой подробный ответ!
Вы не представляете, как Вы мне помогаете!

Я слушаю редакс стор в App, потому что я предполагала добавить туда все компоненты и им бы передала информацию из стор через props.
Например, сейчас я добавила в песочнице ещё один компонент в App:

<Route
        exact
        path="/calendar"
        component={() => <Calendar name={register.name} />}
/>

В компоненте Register сделала переход на компонент Calendar:

submit = () => {
    this.props.setName(this.state.name);
    window.location = "/calendar";
  };

Но в итоге, компонент Calendar отрисовывает initial_state из редакс-стор, а не то, что сохранилось в компоненте Register. :(

Почему в Redux сохраняется только один символ?

Павел Диденко, пока я переносила все файлы в песочницу, я разобралась в проблеме переноса локального стейта в Redux :) Но сейчас я не могу вывести в консоль информацию из Redux store с первого клика, получается только со второго. Я понимаю, что это связано с тем, что функция работает асинхронно, но не знаю, что нужно изменить. Если не сложно, посмотрите, пожалуйста:
https://codesandbox.io/s/intelligent-cerf-ntbip

Почему в Redux сохраняется только один символ?

Я хочу его перекинуть из state в redux store.
В App.js у меня:

<Route exact path='/' component={()=> <Register setName={setName} 
 name={register.name}  />} />

const mapStateToProps = store => {

    return {
      register: store.register
      }
    }
  
  
  const mapDispatchToProps = dispatch => {
    return {
            setName: name => dispatch(setName(name))
  }
}

Почему в Redux сохраняется только один символ?

Спасибо за Ваш ответ, Павел Диденко!
Я попробовала собрать все данные с формы:

class Register extends React.Component {

state = {
   name: ""
}

registerName = (e) => {
   this.setState( {name: e.target.value} )
   console.log(this.state.name);
  
}

submit = () => {
   this.props.setCourt(this.state.name);
   console.log(this.props.name)  //ничего не выводит :(
}


render() {
  return (
   <div className="form-group">
           <input className="form-control input-field" 
           onChange={this.registerName} 
            name="name" 
           type="text" 
           input={this.state.name}
           />     
           <button onClick={this.submit}>Submit</button>       
   </div>        
  )
 }
}

Не понимаю, в чём ошибка.

Как исправить ошибку "Objects are not valid as a React child"?

Я рискнула сделать так, но не вышло:

render() {

       let time = this.props.date;
          
        return (
       
            <DatePicker
        selected={time.toString()}
        locale="ru"
        inline  />
)
}