moadal toggle error

Expected behavior close nodal when clicking out side; i use a redux function to control closing the modal. how can i uplly that function to clicking outside the modal?

Actual behavior getting error from mdbreact. Resources (screenshots, code snippets etc.) mdbreact.js?ae9f:6802 Uncaught TypeError: _this.props.toggle is not a function at eval (mdbreact.js?ae9f:6802) at HTMLUnknownElement.callCallback (react-dom.development.js?7f13:337) at Object.invokeGuardedCallbackDev (react-dom.development.js?7f13:386) at invokeGuardedCallback (react-dom.development.js?7f13:441) at invokeGuardedCallbackAndCatchFirstError (react-dom.development.js?7f13:455) at executeDispatch (react-dom.development.js?7f13:585) at executeDispatchesInOrder (react-dom.development.js?7f13:610) at executeDispatchesAndRelease (react-dom.development.js?7f13:714) at executeDispatchesAndReleaseTopLevel (react-dom.development.js?7f13:723) at forEachAccumulated (react-dom.development.js?7f13:695)