diff --git a/src/studio-header/HeaderBody.jsx b/src/studio-header/HeaderBody.jsx index 3f736d38f..2afe32426 100644 --- a/src/studio-header/HeaderBody.jsx +++ b/src/studio-header/HeaderBody.jsx @@ -164,7 +164,7 @@ HeaderBody.propTypes = { })), outlineLink: PropTypes.string, searchButtonAction: PropTypes.func, - containerProps: Container.propTypes, + containerProps: PropTypes.shape(Container.propTypes), }; HeaderBody.defaultProps = { @@ -184,6 +184,7 @@ HeaderBody.defaultProps = { mainMenuDropdowns: [], outlineLink: null, searchButtonAction: null, + containerProps: {}, }; export default HeaderBody; diff --git a/src/studio-header/StudioHeader.jsx b/src/studio-header/StudioHeader.jsx index 4d55792ec..460ea6b6d 100644 --- a/src/studio-header/StudioHeader.jsx +++ b/src/studio-header/StudioHeader.jsx @@ -3,6 +3,7 @@ import PropTypes from 'prop-types'; import Responsive from 'react-responsive'; import { AppContext } from '@edx/frontend-platform/react'; import { ensureConfig } from '@edx/frontend-platform'; +import { Container } from '@openedx/paragon'; import MobileHeader from './MobileHeader'; import HeaderBody from './HeaderBody'; @@ -71,6 +72,7 @@ StudioHeader.propTypes = { StudioHeader.defaultProps = { number: '', org: '', + containerProps: {}, isHiddenMainMenu: false, mainMenuDropdowns: [], outlineLink: null,