diff --git a/packages/react-router/test-app/package.json b/packages/react-router/test-app/package.json
index 2735240e0a..9945870ad3 100644
--- a/packages/react-router/test-app/package.json
+++ b/packages/react-router/test-app/package.json
@@ -8,7 +8,7 @@
     "@capacitor/core": "1.5.2",
     "@capacitor/ios": "^2.2.0",
     "@ionic/core": "^5.3.0-dev.202006121329.e968bd0",
-    "@ionic/react": "file:../../react/ionic-react-5.2.2.tgz",
+    "@ionic/react": "file:../../react/ionic-react-5.3.0.tgz",
     "@svgr/webpack": "4.3.3",
     "@testing-library/jest-dom": "^4.2.4",
     "@testing-library/react": "^9.4.0",
diff --git a/packages/react/src/components/navigation/IonTabs.tsx b/packages/react/src/components/navigation/IonTabs.tsx
index 967952066a..42dde3fd72 100644
--- a/packages/react/src/components/navigation/IonTabs.tsx
+++ b/packages/react/src/components/navigation/IonTabs.tsx
@@ -8,14 +8,17 @@ import { IonRouterOutlet } from '../IonRouterOutlet';
 import { IonTabBar } from './IonTabBar';
 import { IonTabsContext, IonTabsContextState } from './IonTabsContext';
 
-class IonTabsElement extends HTMLDivElement {
+class IonTabsElement extends HTMLElement {
   constructor() {
     super();
   }
 }
 
 if (window && window.customElements) {
-  customElements.define('ion-tabs', IonTabsElement, { extends: 'div' });
+  const element = customElements.get('ion-tabs');
+  if (!element) {
+    customElements.define('ion-tabs', IonTabsElement);
+  }
 }
 
 declare global {