chore(react-focus): resolve errors related to React 18 types

Author: mainframev

packages/react-focus/etc/react-focus.api.md

@@ -5,6 +5,7 @@
 ```ts
 
 import type { IRefObject } from '@fluentui/utilities';
+import { MergeStylesShadowRootContext } from '@fluentui/utilities';
 import { MergeStylesShadowRootContextValue } from '@fluentui/utilities';
 import type { Point } from '@fluentui/utilities';
 import * as React_2 from 'react';
@@ -21,6 +22,8 @@ export class FocusZone extends React_2.Component<IFocusZoneProps> implements IFo
     // (undocumented)
     componentWillUnmount(): void;
     // (undocumented)
+    context: React_2.ContextType<typeof MergeStylesShadowRootContext>;
+    // (undocumented)
     static contextType: React_2.Context<MergeStylesShadowRootContextValue | undefined>;
     // (undocumented)
     get defaultFocusElement(): HTMLElement | null;

packages/react-focus/src/components/FocusZone/FocusZone.tsx

@@ -127,6 +127,8 @@ export class FocusZone extends React.Component<IFocusZoneProps> implements IFocu
     'data-tabster': '{"uncontrolled": {}}',
   } as IFocusZonePropsWithTabster;
 
+  public declare context: React.ContextType<typeof MergeStylesShadowRootContext>;
+
   private _root: React.RefObject<HTMLElement> = React.createRef();
   private _mergedRef = createMergedRef<HTMLElement>();