Self review

packages/api/src/providers/ActivitySendStatus/ActivitySendStatusComposer.tsx

@@ -1,4 +1,4 @@
-import React, { type ReactNode, useEffect, useMemo, useRef } from 'react';
+import React, { useEffect, useMemo, useRef, type ReactNode } from 'react';
 
 import { useActivities, usePonyfill } from '../../hooks/index';
 import useForceRender from '../../hooks/internal/useForceRender';

packages/bundle/src/adaptiveCards/Attachment/AdaptiveCardRenderer.tsx

@@ -11,12 +11,12 @@ import { type DirectLineCardAction } from 'botframework-webchat-core';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import React, {
-  type KeyboardEventHandler,
-  type MouseEventHandler,
   useCallback,
   useLayoutEffect,
   useMemo,
-  useRef
+  useRef,
+  type KeyboardEventHandler,
+  type MouseEventHandler
 } from 'react';
 
 import useStyleSet from '../../hooks/useStyleSet';

packages/component/src/Activity/Bubble.tsx

@@ -3,7 +3,7 @@
 import { hooks } from 'botframework-webchat-api';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
-import React, { type ReactNode, memo } from 'react';
+import React, { memo, type ReactNode } from 'react';
 
 import isZeroOrPositive from '../Utils/isZeroOrPositive';
 import useStyleSet from '../hooks/useStyleSet';
@@ -29,7 +29,7 @@ const ROOT_STYLE = {
   }
 };
 
-function acuteNubSVG(nubSize, strokeWidth, side, upSideDown = false): ReactNode {
+function acuteNubSVG(nubSize, strokeWidth, side, upSideDown = false) {
   if (typeof nubSize !== 'number') {
     return false;
   }

packages/component/src/SendBox/SuggestedActions.tsx

@@ -120,11 +120,11 @@ SuggestedActionCarouselContainer.propTypes = {
   label: PropTypes.string.isRequired
 };
 
-type SuggestedActionFlowContainerProps = {
+type SuggestedActionFlowContainerProps = Readonly<{
   children?: ReactNode | undefined;
   className?: string | undefined;
   label: string;
-};
+}>;
 
 const SuggestedActionFlowContainer = ({ children, className, label }: SuggestedActionFlowContainerProps) => {
   const [{ suggestedActions: suggestedActionsStyleSet }] = useStyleSet();

packages/component/src/providers/ModalDialog/private/Popover.tsx

@@ -1,6 +1,6 @@
 import { hooks } from 'botframework-webchat-api';
 import classNames from 'classnames';
-import React, { memo, type ReactNode, useCallback, useLayoutEffect, useRef } from 'react';
+import React, { memo, useCallback, useLayoutEffect, useRef, type ReactNode } from 'react';
 
 import useStyleSet from '../../../hooks/useStyleSet';
 

packages/component/src/withEmoji/withEmoji.tsx

@@ -2,15 +2,15 @@ import { useRefFrom } from 'use-ref-from';
 import mergeRefs from 'merge-refs';
 import React, {
   forwardRef,
+  useCallback,
+  useMemo,
+  useRef,
   type ChangeEvent,
   type ComponentType,
   type FocusEvent,
   type KeyboardEvent,
   type Ref,
-  type SyntheticEvent,
-  useCallback,
-  useMemo,
-  useRef
+  type SyntheticEvent
 } from 'react';
 
 import useUndoStack from './private/useUndoStack';

packages/fluent-theme/src/components/suggestedActions/private/rovingFocus.tsx

@@ -2,12 +2,12 @@
 import React, {
   createContext,
   memo,
-  type MutableRefObject,
   useCallback,
   useContext,
   useEffect,
   useMemo,
-  useRef
+  useRef,
+  type MutableRefObject
 } from 'react';
 
 type ItemRef = MutableRefObject<HTMLElement | undefined>;