redux-firestore/Lobby

Hello Guys and @prescottprue I have been facing a major issue with setting up my React Redux Firebase & Redux Firestore on a base project. The issue is when i use firestoreConnect

The errors that i get are : TypeError: this.props.firestore.setListeners & this.props.firestore.unsetListeners is not a function
I have read through all the docs as well read through the examples of the repo at the next branch but couldn't solve it.
i would be very grateful if someone could help me here.

I have all my react-redux libraries to the latest version , my package.json :

    "dependencies": {
        "firebase": "^6.0.1",
        "react": "^16.8.6",
        "react-dom": "^16.8.6",
        "react-redux": "^7.1.0-alpha.4",
        "react-redux-firebase": "^3.0.0-alpha.11",
        "react-scripts": "3.0.0",
        "redux": "^4.0.1",
        "redux-firestore": "^0.7.3"
    },

My index.js file with setup :

import React from "react";
import ReactDOM from "react-dom";
import "./index.css";
import Todos from "./Todos";
import * as serviceWorker from "./serviceWorker";
import { Provider } from "react-redux";
import firebase from "firebase/app";
import "firebase/auth";
import "firebase/firestore"; // <- needed if using firestore
import { createStore, combineReducers, compose } from "redux";
import ReactReduxFirebaseProvider from "react-redux-firebase/lib/ReactReduxFirebaseProvider";
import firebaseReducer from "react-redux-firebase/lib/reducer";
import { createFirestoreInstance, firestoreReducer } from "redux-firestore"; // <- needed if using firestore

const fbConfig = { // XXXXXXX to hide actual config
    apiKey: "XXXXXXXX_R_E-faSBKZ0FmS4o",
    authDomain: "XXXXXXXX-8261c.firebaseapp.com",
    databaseURL: "https://XXXXXXXX-8261c.firebaseio.com",
    projectId: "XXXXXXXXXX-8261c",
    storageBucket: "XXXXXXX-8261c.appspot.com",
    messagingSenderId: "XXXXXXXXXXXXX",
    appId: "1:XXXXXXXXXXX:web:XXXXXXXXXXX"
};

// react-redux-firebase config
const rrfConfig = {
    userProfile: "users",
    useFirestoreForProfile: true // Firestore for Profile instead of Realtime DB
};

// Initialize firebase instance
firebase.initializeApp(fbConfig);

// Initialize other services on firebase instance
firebase.firestore(); // <- needed if using firestore
// firebase.functions() // <- needed if using httpsCallable

// Add firebase to reducers
const rootReducer = combineReducers({
    firebase: firebaseReducer,
    firestore: firestoreReducer // <- needed if using firestore
});

// Create store with reducers and initial state
const initialState = {};
const store = createStore(rootReducer, initialState);

const rrfProps = {
    firebase,
    config: rrfConfig,
    dispatch: store.dispatch,
    createFirestoreInstance // <- needed if using firestore
};

// Setup react-redux so that connect HOC can be used
function Index() {
    return (
        <Provider store={store}>
            <ReactReduxFirebaseProvider {...rrfProps}>
                <Todos />
            </ReactReduxFirebaseProvider>
        </Provider>
    );
}

ReactDOM.render(<Index />, document.getElementById("root"));

The Todos.js file where i am using firestoreConnect :

import React, { Component } from "react";
import PropTypes from "prop-types";
import { compose } from "redux";
import { connect } from "react-redux";
import { firestoreConnect } from "react-redux-firebase";

/* function Todos(props) {
    return (
        <div>
            <p>This is a todo page</p>
            {console.log(props)}
        </div>
    );
} */

class Todos extends Component {
    render() {
        return (
            <div>
                <p>This is a todo page</p>
                {console.log(this.props)}
            </div>
        );
    }
}

const enhance = compose(
    firestoreConnect({ collection: "todos" }), // or () => ["users"]
    connect((state, props) => {
        console.log(state.firestore.ordered);
        return { todos: state.firestore.ordered.todos };
    })
);

export default enhance(Todos);

I have tried functional component also, i get the same error.