Redux-orm not calling mapStateToProps after adding data - reactjs

Question

I am playing around with redux-orm and after adding an entity my selector is not updating with the new objects in mapStateToProps, hence resulting in render() not being called again. I've been through the tutorials but cannot see what I am doing wrong:
Another component is calling the BookReducer, so I know 100% the reducer is being called.
Here is my reducer:
export default function BookReducer(state = initialState, action) {
const session = orm.session(state);
switch (action.type) {
case 'newBook':
session.Book.create({ id: 0, type: 'novel' });
//I can see verify that the object has been added to the ORM
console.log(session.Book.all().toRefArray())
}
return session.state;
}
Here is my selector:
import orm from './orm';
const BookSelector = createSelector(orm, state => state.orm, session => {
return session.Book.all().toRefArray()
});
Here is my component:
class Main extends React.Component {
constructor(props) {
super(props);
}
render() {
console.log("debug")
console.log(this.props.books)
return (
<div>
{this.props.books}
</div>
)
function mapStateToProps(state) {
return {
isOpen: true,
books: BookSelector(state)
};
}
}

Answer 1

You don't seem to have connected the Main compnent with mapStateToProps . USe connect like export default connect(mapStateToProps)(Main); and define it outside the Main component
import connect from 'react-redux';
class Main extends React.Component {
constructor(props) {
super(props);
}
render() {
console.log("debug")
console.log(this.props.books)
return (
<div>
{this.props.books}
</div>
)
}
function mapStateToProps(state) {
return {
isOpen: true,
books: BookSelector(state)
};
}
export default connect(mapStateToProps)(Main);
Also you need to export and import the BookSelector
import orm from './orm';
const BookSelector = createSelector(orm, state => state.orm, session => {
return session.Book.all().toRefArray()
});
export default BookSelector;