TypeError: Cannot read property 'MapUI' of undefined

[dartmoordunbar]

I am trying to get Reactive maps working with NextJS. I have tried with dynamic loading and not and get the same error. I cannot work out what I am doing wrong. Have you had this issue?

import Layout from "../../components/layout"
import Head from 'next/head'
import ReactiveOpenStreetMap from "@appbaseio/reactivemaps/lib/components/result/ReactiveOpenStreetMap"
import Searchbase from "../../components/searchbase"



function MapSearch() {
    const getUrl = (item) => {
        if(item.type == "audio"){
            return 'https://afmzupyhyo.cloudimg.io/v7/https://icons-for-free.com/iconfiles/png/512/phone+line+icon+headphone+headphone+icon+icon-1320073120771382953.png?w=300'
        } else {
            return `https://afmzupyhyo.cloudimg.io/v7/https://s3.eu-central-1.wasabisys.com/archiveweb/w-${item.file_sha1}?w=300`
        }
    }
    return (
        <Layout>
            <div className="container-fluid w-100 h-100">
                <h1>Map</h1>
                <Searchbase>
                    <ReactiveOpenStreetMap 
                        componentId="MapUI" 
                        dataField="location_geom" 
                        title="Venue Location Map"
                    />
                </Searchbase>
            </div>
        </Layout>
    )
}


export default MapSearch

Error is

Server Error
TypeError: Cannot read property 'MapUI' of undefined

This error happened while generating the page. Any console logs will be displayed in the terminal window.
Call Stack
Function.mapStateToProps [as mapToProps]
file:///home/jamie/Code/dartmoortrust/node_modules/@appbaseio/reactivemaps/lib/components/result/ReactiveMap.js (1046:31)
mapToPropsProxy
file:///home/jamie/Code/dartmoortrust/node_modules/react-redux/lib/connect/wrapMapToProps.js (53:46)
Function.detectFactoryAndVerify
file:///home/jamie/Code/dartmoortrust/node_modules/react-redux/lib/connect/wrapMapToProps.js (62:19)
mapToPropsProxy
file:///home/jamie/Code/dartmoortrust/node_modules/react-redux/lib/connect/wrapMapToProps.js (53:46)

[SavvyShah]

Since I can't see the ../../components/searchbase file, I'm guessing you're using SearchBase component. You should use ReactiveBase component instead.
You can have a look at a working example using codesandbox.