'Невозможно создать компонент формы. Не удалось найти форму для "userReg" в магазине "проблемы в реагировать на чтение"

Question

Я пытаюсь создать простую страницу регистрации с использованием response-redux-form. Когда я запускаю свое приложение, это показывает выше ошибку.

это мой код

index.js

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import {FirstConnectedComponent,SecondConnectedComponent} from './App.js';
import registerServiceWorker from './registerServiceWorker';
import { createStore,applyMiddleware,combineReducers } from 'redux';
import logger from 'redux-logger';
import { Provider } from 'react-redux';
import store from './store/store.js';
import Routes from'./routes.js';
ReactDOM.render(
                    <Provider store={store}>
                        <Routes />
                    </Provider>, 
                    document.getElementById('root')
                );registerServiceWorker();

routes.js

import { BrowserRouter as Router,Route} from 'react-router-dom';
import React from 'react';
import { FirstConnectedComponent,SecondConnectedComponent } from './App.js';
import Header  from './components/header.js';
import Footer  from './components/footer.js';
import Login from './components/login.js';
import UserRegistration from './components/registration.js';
const routes=() => (
    <Router>
        <div>
            <Header />
                <Route exact path="/" render={ props =>  <div><FirstConnectedComponent /><SecondConnectedComponent /></div>} />
                <Route path="/login" component={Login} />
                <Route path="/register" component={ UserRegistration } />
            <Footer />
        </div>
    </Router>

)
export default routes;

store.js

import logger from 'redux-logger';
import { createStore,combineReducers,applyMiddleware } from 'redux';
import reducer from '../reducers/testReducer.js';
import persondetails from '../reducers/person.js';
import loginDetails from '../reducers/loginManage.js';
import thunk from 'redux-thunk';
import { combineForms,createForms } from 'react-redux-form';
const initialRegState={
    fname:'',
    lname:''
}
const store=createStore(combineReducers({reducer,persondetails,loginDetails,myForms: combineForms({
    userReg: initialRegState,
  }, 'myForms'),}),{},applyMiddleware(logger,thunk));
store.subscribe(() => {
        console.log("new value is "+store.getState());
})
export default store;

registration.js

import React from 'react';
import { Control,Form,actions } from 'react-redux-form';
import { connect } from 'react-redux';
class UserRegistration extends React.Component {
    handleSubmit(value) {
        console.log("form value is");
        console.log(value);
        console.log("form value is");

    }
    render() {
        return (
            <Form model="userReg" onSubmit={(userReg) => this.handleSubmit(userReg)}>
                <label htmlFor="userReg.fname">fname</label>
                <Control.text model="userReg.fname" />
                <label htmlFor="userReg.lname">lame</label>
                <Control.text model="userReg.lname" />
                <button type="submit">register</button>              
            </Form>
        )
    }
}
export default connect (null)(UserRegistration); 

В приведенном выше коде вы можете видеть, что я уже упоминал имя формы в магазине, но магазину не удалось найти компонент формы. Я не знаю, связана ли проблема с моими страницами регистрации или магазина.