Removed FormattedMessage usage.

src/components/common/TypeConfirmationForm.tsx

@@ -26,7 +26,7 @@ export function TypeConfirmationForm({
   onConfirm?: () => void;
   onClose?: () => void;
 }) {
-  const { formatMessage, labels, messages, FormattedMessage } = useMessages();
+  const { formatMessage, labels, messages } = useMessages();
 
   if (!confirmationValue) {
     return null;
@@ -35,10 +35,7 @@ export function TypeConfirmationForm({
   return (
     <Form onSubmit={onConfirm} error={error}>
       <p>
-        <FormattedMessage
-          {...messages.actionConfirmation}
-          values={{ confirmation: <b>{confirmationValue}</b> }}
-        />
+        {formatMessage(messages.actionConfirmation, { confirmation: <b>{confirmationValue}</b> })}
       </p>
       <FormRow label={formatMessage(labels.confirm)}>
         <FormInput name="confirm" rules={{ validate: value => value === confirmationValue }}>

src/components/hooks/queries/useRealtime.ts

@@ -1,4 +1,4 @@
-import { useTimezone } from '@/components/hooks';
+import { useTimezone } from '@/components/hooks/useTimezone';
 import { REALTIME_INTERVAL } from '@/lib/constants';
 import { RealtimeData } from '@/lib/types';
 import { useApi } from '../useApi';

src/components/hooks/queries/useWebsiteValues.ts

@@ -1,5 +1,6 @@
 import { useApi } from '../useApi';
-import { useCountryNames, useRegionNames } from '@/components/hooks';
+import { useCountryNames } from '@/components/hooks/useCountryNames';
+import { useRegionNames } from '@/components/hooks/useRegionNames';
 import useLocale from '../useLocale';
 
 export function useWebsiteValues({

src/components/hooks/useMessages.ts

@@ -1,4 +1,4 @@
-import { useIntl, FormattedMessage } from 'react-intl';
+import { useIntl } from 'react-intl';
 import { messages, labels } from '@/components/messages';
 
 export function useMessages(): any {
@@ -21,7 +21,7 @@ export function useMessages(): any {
     return descriptor ? intl.formatMessage(descriptor, values, opts) : null;
   };
 
-  return { formatMessage, FormattedMessage, messages, labels, getMessage };
+  return { formatMessage, messages, labels, getMessage };
 }
 
 export default useMessages;