diff --git a/app/shared-components/PromoModal/PromoModal.jsx b/app/shared-components/PromoModal/PromoModal.jsx
index 1edc471e5..c15b86a7a 100644
--- a/app/shared-components/PromoModal/PromoModal.jsx
+++ b/app/shared-components/PromoModal/PromoModal.jsx
@@ -200,12 +200,13 @@ PromoModal.propTypes = {
 	type: PropTypes.string.isRequired,
 	location: PropTypes.string,
 	isPlus: PropTypes.bool,
-	tab_id: PropTypes.number.isRequired,
+	tab_id: PropTypes.number,
 };
 
 PromoModal.defaultProps = {
 	location: 'panel',
 	isPlus: false,
+	tab_id: null,
 };
 
 export default PromoModal;
diff --git a/app/shared-components/PromoModal/index.js b/app/shared-components/PromoModal/index.js
index 4e0232c9f..d3986c052 100644
--- a/app/shared-components/PromoModal/index.js
+++ b/app/shared-components/PromoModal/index.js
@@ -14,6 +14,7 @@
 import { connect } from 'react-redux';
 import PromoModalContainer from './PromoModalContainer';
 
-const mapStateToProps = state => ({ tab_id: state.panel.tab_id });
+// We may be in the Hub, where state.panel may be undefined
+const mapStateToProps = state => ({ tab_id: ((state.panel && state.panel.tab_id) || null) });
 
 export default connect(mapStateToProps, undefined)(PromoModalContainer);