diff --git a/platform/ui/src/components/ohifModal/OHIFModal.js b/platform/ui/src/components/ohifModal/OHIFModal.js
index caad4ec08..1bdf5e45e 100644
--- a/platform/ui/src/components/ohifModal/OHIFModal.js
+++ b/platform/ui/src/components/ohifModal/OHIFModal.js
@@ -13,7 +13,7 @@ const OHIFModal = ({
onHide,
footer: Footer,
header: Header,
- children: Component,
+ children,
}) => (
}
)}
-
- {Component && }
-
+ {children}
{Footer && (
{' '}
@@ -57,8 +55,6 @@ OHIFModal.propTypes = {
children: PropTypes.oneOfType([
PropTypes.arrayOf(PropTypes.node),
PropTypes.node,
- PropTypes.object,
- PropTypes.func,
]).isRequired,
};
diff --git a/platform/ui/src/utils/ModalProvider.js b/platform/ui/src/utils/ModalProvider.js
index e962b2060..16eb7ee71 100644
--- a/platform/ui/src/utils/ModalProvider.js
+++ b/platform/ui/src/utils/ModalProvider.js
@@ -59,6 +59,8 @@ const ModalProvider = ({ children, modal: Modal, service }) => {
DEFAULT_OPTIONS,
]);
+ const { component: Component } = options;
+
return (
{options.component && (
@@ -76,7 +78,7 @@ const ModalProvider = ({ children, modal: Modal, service }) => {
footer={options.footer}
header={options.header}
>
- {options.component}
+
)}
{children}
@@ -92,7 +94,6 @@ ModalProvider.propTypes = {
children: PropTypes.oneOfType([
PropTypes.arrayOf(PropTypes.node),
PropTypes.node,
- PropTypes.func,
]).isRequired,
modal: PropTypes.oneOfType([
PropTypes.arrayOf(PropTypes.node),