Add Readonly<> to props

packages/component/src/ActivityStatus/OthersActivityStatus.tsx

@@ -25,7 +25,7 @@ function isUpvoteAction(voteAction: VoteAction): voteAction is UpvoteAction {
   return voteAction.actionOption === 'upvote';
 }
 
-type Props = { activity: WebChatActivity };
+type Props = Readonly<{ activity: WebChatActivity }>;
 
 const OthersActivityStatus = memo(({ activity }: Props) => {
   const [{ sendStatus }] = useStyleSet();

packages/component/src/ActivityStatus/SelfActivityStatus.tsx

@@ -6,7 +6,7 @@ import Slotted from './Slotted';
 import Timestamp from './Timestamp';
 import useStyleSet from '../hooks/useStyleSet';
 
-type Props = { activity: WebChatActivity };
+type Props = Readonly<{ activity: WebChatActivity }>;
 
 const SelftActivityStatus = memo(({ activity }: Props) => {
   const [{ sendStatus }] = useStyleSet();

packages/component/src/ActivityStatus/Slotted.tsx

@@ -1,11 +1,7 @@
 import React, { Children, Fragment, memo, type PropsWithChildren } from 'react';
 import classNames from 'classnames';
 
-type Props = PropsWithChildren<{
-  // "defaultProps" is being deprecated.
-  // eslint-disable-next-line react/require-default-props
-  className?: string;
-}>;
+type Props = Readonly<PropsWithChildren<{ className?: string }>>;
 
 const Slotted = memo(({ children, className }: Props) => (
   <span className={classNames('webchat__activity-status--slotted', className)}>

packages/component/src/ActivityStatus/private/Feedback/Feedback.tsx

@@ -7,9 +7,11 @@ import FeedbackVoteButton from './private/VoteButton';
 
 const { usePonyfill, usePostActivity } = hooks;
 
-type Props = PropsWithChildren<{
-  voteActions: ReadonlySet<VoteAction>;
-}>;
+type Props = Readonly<
+  PropsWithChildren<{
+    voteActions: ReadonlySet<VoteAction>;
+  }>
+>;
 
 const DEBOUNCE_TIMEOUT = 500;
 

packages/component/src/ActivityStatus/private/Feedback/private/ThumbButton.Image.tsx

@@ -5,15 +5,11 @@ import ThumbDislike16Regular from './icons/ThumbDislike16Regular';
 import ThumbLike16Filled from './icons/ThumbLike16Filled';
 import ThumbLike16Regular from './icons/ThumbLike16Regular';
 
-type Props = {
-  // "defaultProps" is being deprecated.
-  // eslint-disable-next-line react/require-default-props
+type Props = Readonly<{
   className?: string;
   direction: 'down' | 'up';
-  // "defaultProps" is being deprecated.
-  // eslint-disable-next-line react/require-default-props
   filled?: boolean;
-};
+}>;
 
 const ThumbButtonImage = memo(({ className, direction, filled = false }: Props) =>
   direction === 'down' ? (

packages/component/src/ActivityStatus/private/Feedback/private/ThumbButton.tsx

@@ -7,15 +7,11 @@ import useStyleSet from '../../../../hooks/useStyleSet';
 
 const { useLocalizer } = hooks;
 
-type Props = {
+type Props = Readonly<{
   direction: 'down' | 'up';
-  // "defaultProps" is being deprecated.
-  // eslint-disable-next-line react/require-default-props
   onClick?: () => void;
-  // "defaultProps" is being deprecated.
-  // eslint-disable-next-line react/require-default-props
   pressed?: boolean;
-};
+}>;
 
 const ThumbButton = memo(({ direction, onClick, pressed }: Props) => {
   const [{ thumbButton }] = useStyleSet();

packages/component/src/ActivityStatus/private/Feedback/private/VoteButton.tsx

@@ -4,13 +4,11 @@ import { useRefFrom } from 'use-ref-from';
 import { type VoteAction } from '../../../../types/external/OrgSchema/VoteAction';
 import ThumbsButton from './ThumbButton';
 
-type Props = {
-  // "defaultProps" is being deprecated.
-  // eslint-disable-next-line react/require-default-props
+type Props = Readonly<{
   onClick?: (voteAction: VoteAction) => void;
   pressed: boolean;
   voteAction: VoteAction;
-};
+}>;
 
 const FeedbackVoteButton = memo(({ onClick, pressed, voteAction }: Props) => {
   const onClickRef = useRefFrom(onClick);

packages/component/src/ActivityStatus/private/Feedback/private/icons/ThumbDislike16Filled.tsx

@@ -1,8 +1,6 @@
 import React, { memo } from 'react';
 
-// "defaultProps" is being deprecated.
-// eslint-disable-next-line react/require-default-props
-type Props = { className?: string };
+type Props = Readonly<{ className?: string }>;
 
 const ThumbDislike16Filled = memo(({ className }: Props) => (
   <svg className={className} fill="none" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">

packages/component/src/ActivityStatus/private/Feedback/private/icons/ThumbDislike16Regular.tsx

@@ -1,8 +1,6 @@
 import React, { memo } from 'react';
 
-// "defaultProps" is being deprecated.
-// eslint-disable-next-line react/require-default-props
-type Props = { className?: string };
+type Props = Readonly<{ className?: string }>;
 
 const ThumbDislike16Regular = memo(({ className }: Props) => (
   <svg className={className} fill="none" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">

packages/component/src/ActivityStatus/private/Feedback/private/icons/ThumbLike16Filled.tsx

@@ -1,8 +1,6 @@
 import React, { memo } from 'react';
 
-// "defaultProps" is being deprecated.
-// eslint-disable-next-line react/require-default-props
-type Props = { className?: string };
+type Props = Readonly<{ className?: string }>;
 
 const ThumbLike16Filled = memo(({ className }: Props) => (
   <svg className={className} fill="none" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">

packages/component/src/ActivityStatus/private/Feedback/private/icons/ThumbLike16Regular.tsx

@@ -1,8 +1,6 @@
 import React, { memo } from 'react';
 
-// "defaultProps" is being deprecated.
-// eslint-disable-next-line react/require-default-props
-type Props = { className?: string };
+type Props = Readonly<{ className?: string }>;
 
 const ThumbLike16Regular = memo(({ className }: Props) => (
   <svg className={className} fill="none" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">

packages/component/src/ActivityStatus/private/Originator.tsx

@@ -2,7 +2,7 @@ import React, { memo } from 'react';
 
 import { type ReplyAction } from '../../types/external/OrgSchema/ReplyAction';
 
-type Props = { replyAction: ReplyAction };
+type Props = Readonly<{ replyAction: ReplyAction }>;
 
 const Originator = memo(({ replyAction }: Props) => {
   const { description, provider } = replyAction;

packages/component/src/Attachment/Text/TextAttachment.tsx

@@ -4,12 +4,12 @@ import React, { type FC, memo } from 'react';
 import { type WebChatAttachment } from '../private/types/WebChatAttachment';
 import TextContent from './TextContent';
 
-type Props = {
+type Props = Readonly<{
   activity: WebChatActivity;
   attachment: WebChatAttachment & {
     contentType: `text/${string}`;
   };
-};
+}>;
 
 const TextAttachment: FC<Props> = memo(({ activity, attachment: { content, contentType } }: Props) => (
   <TextContent contentType={contentType} entities={activity.entities} text={content} />

packages/component/src/Attachment/Text/TextContent.tsx

@@ -6,13 +6,11 @@ import useRenderMarkdownAsHTML from '../../hooks/useRenderMarkdownAsHTML';
 
 import { type WebChatActivity } from 'botframework-webchat-core';
 
-type Props = {
+type Props = Readonly<{
   contentType?: string;
-  // "defaultProps" is being deprecated.
-  // eslint-disable-next-line react/require-default-props
   entities?: WebChatActivity['entities'];
   text: string;
-};
+}>;
 
 const TextContent: FC<Props> = memo(({ contentType = 'text/plain', entities, text }: Props) => {
   const supportMarkdown = !!useRenderMarkdownAsHTML();

packages/component/src/Attachment/Text/private/Badge.tsx

@@ -1,8 +1,6 @@
 import React, { memo } from 'react';
 
-type Props = {
-  value: string;
-};
+type Props = Readonly<{ value: string }>;
 
 const Badge = memo(({ value }: Props) => <div className="webchat__link-definitions__badge">{value}</div>);
 

packages/component/src/Attachment/Text/private/CitationItem.tsx

@@ -3,16 +3,12 @@ import React, { memo, type MouseEventHandler, useCallback } from 'react';
 
 import ItemBody from './ItemBody';
 
-type Props = {
+type Props = Readonly<{
   identifier: string;
-  // "defaultProps" is being deprecated.
-  // eslint-disable-next-line react/require-default-props
   onClick?: (url: string) => void;
-  // "defaultProps" is being deprecated.
-  // eslint-disable-next-line react/require-default-props
   title?: string;
   url: string;
-};
+}>;
 
 const CitationItem = memo(({ identifier, onClick, title, url }: Props) => {
   const onClickRef = useRefFrom(onClick);

packages/component/src/Attachment/Text/private/ItemBody.tsx

@@ -3,13 +3,11 @@ import React, { memo } from 'react';
 import Badge from './Badge';
 import OpenInNewWindowIcon from './OpenInNewWindowIcon';
 
-type Props = {
+type Props = Readonly<{
   identifier: string;
-  // "defaultProps" is being deprecated.
-  // eslint-disable-next-line react/require-default-props
   isExternal?: boolean;
   title: string;
-};
+}>;
 
 const ItemBody = memo(({ identifier, isExternal, title }: Props) => (
   <div className="webchat__link-definitions__list-item-body">

packages/component/src/Attachment/Text/private/LinkDefinitions.tsx

@@ -12,12 +12,10 @@ import useStyleSet from '../../../hooks/useStyleSet';
 
 const { useLocalizer } = hooks;
 
-type Props = {
+type Props = Readonly<{
   markdown: string;
-  // "defaultProps" is being deprecated.
-  // eslint-disable-next-line react/require-default-props
   onCitationClick?: (url: string) => void;
-};
+}>;
 
 const REFERENCE_LIST_HEADER_IDS = {
   one: 'REFERENCE_LIST_HEADER_ONE',

packages/component/src/Attachment/Text/private/MarkdownTextContent.tsx

@@ -15,12 +15,10 @@ import useStyleSet from '../../../hooks/useStyleSet';
 
 const { useLocalizer } = hooks;
 
-type Props = {
-  // "defaultProps" is being deprecated.
-  // eslint-disable-next-line react/require-default-props
+type Props = Readonly<{
   entities?: WebChatActivity['entities'];
   markdown: string;
-};
+}>;
 
 const MarkdownTextContent = memo(({ entities, markdown }: Props) => {
   const [{ renderMarkdown: renderMarkdownStyleSet, textContent: textContentStyleSet }] = useStyleSet();

packages/component/src/Attachment/Text/private/OpenInNewWindowIcon.tsx

@@ -1,9 +1,7 @@
 import classNames from 'classnames';
 import React from 'react';
 
-// "defaultProps" is being deprecated.
-// eslint-disable-next-line react/require-default-props
-type Props = { className?: string };
+type Props = Readonly<{ className?: string }>;
 
 const OpenInNewWindowIcon = ({ className }: Props) => (
   <svg

packages/component/src/Attachment/Text/private/PlainTextContent.tsx

@@ -3,9 +3,7 @@ import React, { type FC, Fragment, memo } from 'react';
 
 import useStyleSet from '../../../hooks/useStyleSet';
 
-type Props = {
-  text: string;
-};
+type Props = Readonly<{ text: string }>;
 
 const PlainTextContent: FC<Props> = memo(({ text }: Props) => {
   const [{ textContent: textContentStyleSet }] = useStyleSet();

packages/component/src/Attachment/Text/private/URLItem.tsx

@@ -3,13 +3,11 @@ import React, { memo } from 'react';
 
 import ItemBody from './ItemBody';
 
-type Props = {
+type Props = Readonly<{
   identifier: string;
-  // "defaultProps" is being deprecated.
-  // eslint-disable-next-line react/require-default-props
   title?: string;
   url: string;
-};
+}>;
 
 const URLItem = memo(({ identifier, title, url }: Props) => (
   <a

packages/component/src/Composer.tsx

@@ -47,10 +47,7 @@ function styleSetToEmotionObjects(styleToEmotionObject, styleSet) {
   return mapMap(styleSet, (style, key) => (key === 'options' ? style : styleToEmotionObject(style)));
 }
 
-type ComposerCoreUIProps = Readonly<{
-  // eslint-disable-next-line react/require-default-props
-  children?: ReactNode;
-}>;
+type ComposerCoreUIProps = Readonly<{ children?: ReactNode }>;
 
 const ComposerCoreUI = memo(({ children }: ComposerCoreUIProps) => {
   const [{ cssCustomProperties }] = useStyleSet();

packages/component/src/providers/ModalDialog/ModalDialogComposer.tsx

@@ -11,9 +11,7 @@ type DialogInit = Exclude<Parameters<ContextType['showModal']>[1], undefined>;
 
 type RenderFunctionAndDialogInit = Readonly<[RenderFunction, DialogInit | undefined]>;
 
-// "defaultProps" is being deprecated.
-// eslint-disable-next-line react/require-default-props
-type Props = { children?: ReactNode };
+type Props = Readonly<{ children?: ReactNode }>;
 
 const ModalDialogComposer = memo(({ children }: Props) => {
   const [renderFunctionAndDialogInit, setRenderFunctionAndDialogInit] = useState<

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

@@ -6,20 +6,14 @@ import useStyleSet from '../../../hooks/useStyleSet';
 
 const { useLocalizer } = hooks;
 
-type Props = PropsWithChildren<{
-  // "defaultProps" is being deprecated.
-  // eslint-disable-next-line react/require-default-props
-  'aria-label'?: string;
-  // "defaultProps" is being deprecated.
-  // eslint-disable-next-line react/require-default-props
-  'aria-labelledby'?: string;
-  // "defaultProps" is being deprecated.
-  // eslint-disable-next-line react/require-default-props
-  className?: string;
-  // "defaultProps" is being deprecated.
-  // eslint-disable-next-line react/require-default-props
-  onDismiss?: () => void;
-}>;
+type Props = Readonly<
+  PropsWithChildren<{
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    className?: string;
+    onDismiss?: () => void;
+  }>
+>;
 
 const ModalDialog = memo(
   ({ 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, children, className, onDismiss }: Props) => {