diff --git a/packages/components/src/tab-panel/index.js b/packages/components/src/tab-panel/index.js
index 2e94bd2b05e14d..120621c355a7ad 100644
--- a/packages/components/src/tab-panel/index.js
+++ b/packages/components/src/tab-panel/index.js
@@ -91,7 +91,7 @@ class TabPanel extends Component {
 						className="components-tab-panel__tab-content"
 						tabIndex="0"
 					>
-						{ this.props.children( selectedTab ) }
+						{ this.props.children( Object.assign( new String( selectedTab.name ), selectedTab ) ) }
 					</div>
 				) }
 			</div>