custom add data using loaddatafactory getting

Hi,
I have took demo Add data code and tried to import but getting error

here is logic for calling [AddDataButtonFactory, replaceLoadDataModal], and here is replaceLoadDataModal

import {LoadDataModalFactory, withState} from 'kepler.gl/components';
import {LOADING_METHODS} from '../constants/default-settings';

import SampleMapGallery from '../components/load-data-modal/sample-data-viewer';
import LoadRemoteMap from '../components/load-data-modal/load-remote-map';
import SampleMapsTab from '../components/load-data-modal/sample-maps-tab';
import {loadRemoteMap, loadSample, loadSampleConfigurations} from '../actions';

const CustomLoadDataModalFactory = (...deps) => {
const LoadDataModal = LoadDataModalFactory(...deps);
const defaultLoadingMethods = LoadDataModal.defaultProps.loadingMethods;
const additionalMethods = {
remote: {
id: LOADING_METHODS.remote,
label: 'modal.loadData.remote',
elementType: LoadRemoteMap
},
sample: {
id: LOADING_METHODS.sample,
label: 'modal.loadData.sample',
elementType: SampleMapGallery,
tabElementType: SampleMapsTab
}
};

// add more loading methods
LoadDataModal.defaultProps = {
...LoadDataModal.defaultProps,
loadingMethods: [
defaultLoadingMethods.find(lm => lm.id === 'upload'),
additionalMethods.remote,
defaultLoadingMethods.find(lm => lm.id === 'storage'),
additionalMethods.sample
]
};

return withState([], state => ({...state.demo.app, ...state.demo.keplerGl.map.uiState}), {
onLoadSample: loadSample,
onLoadRemoteMap: loadRemoteMap,
loadSampleConfigurations
})(LoadDataModal);
};

CustomLoadDataModalFactory.deps = LoadDataModalFactory.deps;

export function replaceLoadDataModal() {
return [LoadDataModalFactory, CustomLoadDataModalFactory];
}

But, i see error in browser after click slider