From cfd32aea30e3cdd7f52bda30f50abfb579c7275e Mon Sep 17 00:00:00 2001
From: Liam DeBeasi <liamdebeasi@icloud.com>
Date: Fri, 22 Oct 2021 15:25:23 -0400
Subject: [PATCH] chore(): sync with main

---
 core/package-lock.json                   | 6 ++----
 core/src/components/modal/readme.md      | 3 +++
 core/src/components/popover/readme.md    | 2 ++
 packages/react/src/components/proxies.ts | 2 ++
 4 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/core/package-lock.json b/core/package-lock.json
index 03378fe7d3..2a1fbdc6aa 100644
--- a/core/package-lock.json
+++ b/core/package-lock.json
@@ -15037,8 +15037,7 @@
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/@stencil/react-output-target/-/react-output-target-0.1.0.tgz",
       "integrity": "sha512-NWeN2S43dwWDIousfojzGXIMkJJhfcdS1JxpwgE7IOqy4tZ+nqlDLPhM6tXvZ3eq4rJm8bkF+3/WbPJNR9xR7Q==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "@stencil/sass": {
       "version": "1.3.2",
@@ -15050,8 +15049,7 @@
       "version": "0.5.1",
       "resolved": "https://registry.npmjs.org/@stencil/vue-output-target/-/vue-output-target-0.5.1.tgz",
       "integrity": "sha512-E9HeuUf4DjHO8VFd+faR6T+/JwLtU/2kIA000YTTv0ARPUXuxr/3+U3YMBRPCVFPC5n2jsFxU3E9rTmVH1MGyg==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "@stylelint/postcss-css-in-js": {
       "version": "0.37.2",
diff --git a/core/src/components/modal/readme.md b/core/src/components/modal/readme.md
index 33b1bc75e3..6c41cd55eb 100644
--- a/core/src/components/modal/readme.md
+++ b/core/src/components/modal/readme.md
@@ -497,6 +497,9 @@ modalElement.breakpoints = [0, 0.5, 1];
 
 ### React
 
+> `useIonModal` requires being a descendant of `<IonApp>`. If you need to use a modal outside of an `<IonApp>`, consider using the component method instead.
+
+
 ```tsx
 /* Using with useIonModal Hook */ 
 
diff --git a/core/src/components/popover/readme.md b/core/src/components/popover/readme.md
index a1a398403b..e3bbe46717 100644
--- a/core/src/components/popover/readme.md
+++ b/core/src/components/popover/readme.md
@@ -273,6 +273,8 @@ async function presentPopover(ev) {
 
 ### React
 
+> `useIonPopover` requires being a descendant of `<IonApp>`. If you need to use a popover outside of an `<IonApp>`, consider using the component method instead.
+
 ```tsx
 /* Using with useIonPopover Hook */
 
diff --git a/packages/react/src/components/proxies.ts b/packages/react/src/components/proxies.ts
index 8756f441b2..a172899187 100644
--- a/packages/react/src/components/proxies.ts
+++ b/packages/react/src/components/proxies.ts
@@ -7,6 +7,7 @@ import type { JSX } from '@ionic/core/components';
 
 import { IonAccordion as IonAccordionCmp } from '@ionic/core/components/ion-accordion.js';
 import { IonAccordionGroup as IonAccordionGroupCmp } from '@ionic/core/components/ion-accordion-group.js';
+import { IonApp as IonAppCmp } from '@ionic/core/components/ion-app.js';
 import { IonAvatar as IonAvatarCmp } from '@ionic/core/components/ion-avatar.js';
 import { IonBackdrop as IonBackdropCmp } from '@ionic/core/components/ion-backdrop.js';
 import { IonBadge as IonBadgeCmp } from '@ionic/core/components/ion-badge.js';
@@ -75,6 +76,7 @@ import { IonVirtualScroll as IonVirtualScrollCmp } from '@ionic/core/components/
 
 export const IonAccordion = /*@__PURE__*/createReactComponent<JSX.IonAccordion, HTMLIonAccordionElement>('ion-accordion', undefined, undefined, IonAccordionCmp);
 export const IonAccordionGroup = /*@__PURE__*/createReactComponent<JSX.IonAccordionGroup, HTMLIonAccordionGroupElement>('ion-accordion-group', undefined, undefined, IonAccordionGroupCmp);
+export const IonApp = /*@__PURE__*/createReactComponent<JSX.IonApp, HTMLIonAppElement>('ion-app', undefined, undefined, IonAppCmp);
 export const IonAvatar = /*@__PURE__*/createReactComponent<JSX.IonAvatar, HTMLIonAvatarElement>('ion-avatar', undefined, undefined, IonAvatarCmp);
 export const IonBackdrop = /*@__PURE__*/createReactComponent<JSX.IonBackdrop, HTMLIonBackdropElement>('ion-backdrop', undefined, undefined, IonBackdropCmp);
 export const IonBadge = /*@__PURE__*/createReactComponent<JSX.IonBadge, HTMLIonBadgeElement>('ion-badge', undefined, undefined, IonBadgeCmp);