fix(docs): fix type issues related to React 18

Author: mainframev

packages/fluentui/docs/src/examples/components/MenuButton/Usage/MenuButtonExampleOn.shorthand.tsx

@@ -3,6 +3,7 @@ import { Alert, Button, Flex, MenuButton } from '@fluentui/react-northstar';
 import { ExpandIcon } from '@fluentui/react-icons-northstar';
 
 class MenuButtonExampleOn extends React.Component {
+  context: any;
   state = { alert: false };
 
   showAlert = () => {

packages/fluentui/docs/src/examples/components/Popup/Usage/PopupExampleContextOnElement.tsx

@@ -9,6 +9,7 @@ const contentWithButtons = (
 );
 
 class PopupContextOnElement extends React.Component {
+  context: any;
   state = { alert: false };
 
   showAlert = () => {

packages/fluentui/docs/src/examples/components/Popup/Usage/PopupExampleOn.shorthand.tsx

@@ -3,6 +3,7 @@ import { Alert, Button, Flex, Popup } from '@fluentui/react-northstar';
 import { MoreIcon } from '@fluentui/react-icons-northstar';
 
 class PopupExampleOn extends React.Component {
+  context: any;
   state = { alert: false };
 
   showAlert = () => {

packages/fluentui/docs/src/examples/components/Popup/Usage/PopupExampleOnMultiple.shorthand.tsx

@@ -3,6 +3,7 @@ import { Alert, Button, Flex, Popup } from '@fluentui/react-northstar';
 import { MoreIcon } from '@fluentui/react-icons-northstar';
 
 class PopupExampleOnMultiple extends React.Component {
+  context: any;
   state = { alert: false };
 
   showAlert = () => {

packages/fluentui/docs/src/examples/components/Popup/Usage/PopupExampleOnWithFocusTrap.shorthand.tsx

@@ -10,6 +10,7 @@ const contentWithButtons = (
 );
 
 class PopupExampleOnWithFocusTrap extends React.Component {
+  context: any;
   state = { alert: false };
 
   showAlert = () => {