Teact: Use jsx-runtime (#5969)

babel.config.js

@@ -7,7 +7,13 @@ export default function (api) {
   const presets = [
     '@babel/typescript',
     '@babel/preset-env',
+    [
       '@babel/preset-react',
+      {
+        runtime: 'automatic',
+        importSource: '@teact',
+      },
+    ],
   ];
 
   const plugins = [

eslint.config.mjs

@@ -18,6 +18,7 @@ export default tseslint.config(
   tseslint.configs.recommendedTypeChecked,
   tseslint.configs.stylistic,
   reactPlugin.configs.flat.recommended,
+  reactPlugin.configs.flat['jsx-runtime'],
   reactXPlugin.configs['recommended-type-checked'],
   jsxA11yPlugin.flatConfigs.recommended,
   ttMultitabPlugin.configs.recommended,

src/components/App.tsx

@@ -1,5 +1,5 @@
 import type { FC } from '../lib/teact/teact';
-import React, { useEffect, useLayoutEffect } from '../lib/teact/teact';
+import { useEffect, useLayoutEffect } from '../lib/teact/teact';
 import { withGlobal } from '../global';
 
 import type { GlobalState } from '../global/types';

src/components/auth/Auth.tsx

@@ -1,7 +1,7 @@
 import '../../global/actions/initial';
 
 import type { FC } from '../../lib/teact/teact';
-import React, { memo, useRef } from '../../lib/teact/teact';
+import { memo, useRef } from '../../lib/teact/teact';
 import { getActions, withGlobal } from '../../global';
 
 import type { GlobalState } from '../../global/types';

src/components/auth/AuthCode.async.tsx

@@ -1,5 +1,4 @@
 import type { FC } from '../../lib/teact/teact';
-import React from '../../lib/teact/teact';
 
 import { Bundles } from '../../util/moduleLoader';
 

src/components/auth/AuthCode.tsx

@@ -1,6 +1,6 @@
 import type { FormEvent } from 'react';
 import type { FC } from '../../lib/teact/teact';
-import React, {
+import {
   memo, useCallback, useEffect, useRef, useState,
 } from '../../lib/teact/teact';
 import { getActions, withGlobal } from '../../global';

src/components/auth/AuthPassword.async.tsx

@@ -1,5 +1,4 @@
 import type { FC } from '../../lib/teact/teact';
-import React from '../../lib/teact/teact';
 
 import { Bundles } from '../../util/moduleLoader';
 

src/components/auth/AuthPassword.tsx

@@ -1,5 +1,5 @@
 import type { FC } from '../../lib/teact/teact';
-import React, { memo, useCallback, useState } from '../../lib/teact/teact';
+import { memo, useCallback, useState } from '../../lib/teact/teact';
 import { getActions, withGlobal } from '../../global';
 
 import type { GlobalState } from '../../global/types';

src/components/auth/AuthPhoneNumber.tsx

@@ -1,6 +1,7 @@
 import type { ChangeEvent } from 'react';
 import type { FC } from '../../lib/teact/teact';
-import React, {
+import type React from '../../lib/teact/teact';
+import {
   memo, useEffect, useLayoutEffect, useMemo, useRef, useState,
 } from '../../lib/teact/teact';
 import { getActions, withGlobal } from '../../global';

src/components/auth/AuthQrCode.tsx

@@ -1,4 +1,4 @@
-import React, {
+import {
   memo, useLayoutEffect, useRef,
 } from '../../lib/teact/teact';
 import { getActions, withGlobal } from '../../global';

src/components/auth/AuthRegister.async.tsx

@@ -1,5 +1,4 @@
 import type { FC } from '../../lib/teact/teact';
-import React from '../../lib/teact/teact';
 
 import { Bundles } from '../../util/moduleLoader';
 

src/components/auth/AuthRegister.tsx

@@ -1,6 +1,7 @@
 import type { ChangeEvent } from 'react';
 import type { FC } from '../../lib/teact/teact';
-import React, { memo, useCallback, useState } from '../../lib/teact/teact';
+import type React from '../../lib/teact/teact';
+import { memo, useCallback, useState } from '../../lib/teact/teact';
 import { getActions, withGlobal } from '../../global';
 
 import type { GlobalState } from '../../global/types';

src/components/auth/CountryCodeInput.tsx

@@ -1,5 +1,6 @@
 import type { FC } from '../../lib/teact/teact';
-import React, {
+import type React from '../../lib/teact/teact';
+import {
   memo, useCallback, useRef, useState,
 } from '../../lib/teact/teact';
 import { withGlobal } from '../../global';

src/components/calls/ActiveCallHeader.async.tsx

@@ -1,5 +1,4 @@
 import type { FC } from '../../lib/teact/teact';
-import React from '../../lib/teact/teact';
 
 import { Bundles } from '../../util/moduleLoader';
 

src/components/calls/ActiveCallHeader.tsx

@@ -1,5 +1,5 @@
 import type { FC } from '../../lib/teact/teact';
-import React, { memo, useEffect } from '../../lib/teact/teact';
+import { memo, useEffect } from '../../lib/teact/teact';
 import { getActions, withGlobal } from '../../global';
 
 import type { ApiGroupCall, ApiUser } from '../../api/types';

src/components/calls/group/GroupCall.async.tsx

@@ -1,5 +1,4 @@
 import type { FC } from '../../../lib/teact/teact';
-import React from '../../../lib/teact/teact';
 
 import type { OwnProps } from './GroupCall';
 

src/components/calls/group/GroupCall.tsx

@@ -1,7 +1,7 @@
 import '../../../global/actions/calls';
 
 import type { FC } from '../../../lib/teact/teact';
-import React, {
+import {
   memo, useEffect, useMemo, useRef, useState,
 } from '../../../lib/teact/teact';
 import { getActions, withGlobal } from '../../../global';

src/components/calls/group/GroupCallParticipant.tsx

@@ -1,5 +1,5 @@
 import type { FC } from '../../../lib/teact/teact';
-import React, {
+import {
   memo, useCallback, useMemo, useRef,
 } from '../../../lib/teact/teact';
 import { withGlobal } from '../../../global';

src/components/calls/group/GroupCallParticipantList.tsx

@@ -1,5 +1,5 @@
 import type { FC } from '../../../lib/teact/teact';
-import React, { memo, useMemo } from '../../../lib/teact/teact';
+import { memo, useMemo } from '../../../lib/teact/teact';
 import { getActions, withGlobal } from '../../../global';
 
 import type { GroupCallParticipant as TypeGroupCallParticipant } from '../../../lib/secret-sauce';

src/components/calls/group/GroupCallParticipantMenu.tsx

@@ -1,5 +1,6 @@
 import type { ElementRef, FC } from '../../../lib/teact/teact';
-import React, { memo, useEffect, useState } from '../../../lib/teact/teact';
+import type React from '../../../lib/teact/teact';
+import { memo, useEffect, useState } from '../../../lib/teact/teact';
 import { getActions, withGlobal } from '../../../global';
 
 import type { GroupCallParticipant } from '../../../lib/secret-sauce';

src/components/calls/group/GroupCallParticipantVideo.tsx

@@ -1,5 +1,5 @@
 import type { FC } from '../../../lib/teact/teact';
-import React, {
+import {
   memo, useCallback, useEffect, useMemo, useRef, useState,
 } from '../../../lib/teact/teact';
 import { withGlobal } from '../../../global';

src/components/calls/group/GroupCallTopPane.tsx

@@ -1,5 +1,5 @@
 import type { FC } from '../../../lib/teact/teact';
-import React, {
+import {
   memo, useCallback, useMemo,
 } from '../../../lib/teact/teact';
 import { getActions, getGlobal, withGlobal } from '../../../global';

src/components/calls/group/MicrophoneButton.tsx

@@ -1,5 +1,5 @@
 import type { FC } from '../../../lib/teact/teact';
-import React, {
+import {
   memo, useCallback, useEffect, useMemo, useRef, useState,
 } from '../../../lib/teact/teact';
 import { getActions, withGlobal } from '../../../global';

src/components/calls/group/OutlinedMicrophoneIcon.tsx

@@ -1,5 +1,5 @@
 import type { FC } from '../../../lib/teact/teact';
-import React, { memo, useMemo } from '../../../lib/teact/teact';
+import { memo, useMemo } from '../../../lib/teact/teact';
 
 import type { GroupCallParticipant } from '../../../lib/secret-sauce';
 

src/components/calls/phone/PhoneCall.async.tsx

@@ -1,5 +1,4 @@
 import type { FC } from '../../../lib/teact/teact';
-import React from '../../../lib/teact/teact';
 
 import { Bundles } from '../../../util/moduleLoader';
 

src/components/calls/phone/PhoneCall.tsx

@@ -1,7 +1,7 @@
 import '../../../global/actions/calls';
 
 import type { FC } from '../../../lib/teact/teact';
-import React, {
+import {
   memo, useCallback, useEffect, useMemo, useRef,
 } from '../../../lib/teact/teact';
 import { getActions, withGlobal } from '../../../global';

src/components/calls/phone/PhoneCallButton.tsx

@@ -1,5 +1,6 @@
 import type { FC } from '../../../lib/teact/teact';
-import React, { memo } from '../../../lib/teact/teact';
+import type React from '../../../lib/teact/teact';
+import { memo } from '../../../lib/teact/teact';
 
 import type { IconName } from '../../../types/icons';
 

src/components/calls/phone/RatePhoneCallModal.async.tsx

@@ -1,5 +1,4 @@
 import type { FC } from '../../../lib/teact/teact';
-import React from '../../../lib/teact/teact';
 
 import type { OwnProps } from './RatePhoneCallModal';
 

src/components/calls/phone/RatePhoneCallModal.tsx

@@ -1,5 +1,5 @@
 import type { FC } from '../../../lib/teact/teact';
-import React, {
+import {
   memo, useCallback, useRef, useState,
 } from '../../../lib/teact/teact';
 import { getActions } from '../../../global';

src/components/common/AboutMonetizationModal.async.tsx

@@ -1,5 +1,4 @@
 import type { FC } from '../../lib/teact/teact';
-import React from '../../lib/teact/teact';
 
 import type { OwnProps } from './AboutMonetizationModal';
 

src/components/common/AboutMonetizationModal.tsx

@@ -1,5 +1,5 @@
 import type { FC } from '../../lib/teact/teact';
-import React, { memo, useMemo } from '../../lib/teact/teact';
+import { memo, useMemo } from '../../lib/teact/teact';
 
 import type { TableAboutData } from '../modals/common/TableAboutModal';
 

src/components/common/AnimatedCounter.tsx

@@ -1,5 +1,6 @@
 import type { ElementRef, FC } from '../../lib/teact/teact';
-import React, { memo, useEffect, useMemo } from '../../lib/teact/teact';
+import type React from '../../lib/teact/teact';
+import { memo, useEffect, useMemo } from '../../lib/teact/teact';
 import { getGlobal } from '../../global';
 
 import { selectCanAnimateInterface } from '../../global/selectors';

src/components/common/AnimatedIcon.tsx

@@ -1,4 +1,4 @@
-import React, { memo, useState } from '../../lib/teact/teact';
+import { memo, useState } from '../../lib/teact/teact';
 
 import type { OwnProps as AnimatedStickerProps } from './AnimatedSticker';
 

src/components/common/AnimatedIconFromSticker.tsx

@@ -1,4 +1,4 @@
-import React, { memo } from '../../lib/teact/teact';
+import { memo } from '../../lib/teact/teact';
 
 import type { ApiSticker } from '../../api/types';
 import type { OwnProps as AnimatedIconProps } from './AnimatedIcon';

src/components/common/AnimatedIconWithPreview.tsx

@@ -1,4 +1,4 @@
-import React, { memo } from '../../lib/teact/teact';
+import { memo } from '../../lib/teact/teact';
 
 import type { OwnProps as AnimatedIconProps } from './AnimatedIcon';
 

src/components/common/AnimatedSticker.tsx

@@ -1,5 +1,5 @@
 import type { ElementRef, FC } from '../../lib/teact/teact';
-import React, {
+import {
   getIsHeavyAnimating,
   memo,
   useEffect,

src/components/common/Audio.tsx

@@ -1,5 +1,5 @@
 import type { ElementRef, FC } from '../../lib/teact/teact';
-import React, {
+import {
   memo, useEffect, useLayoutEffect, useMemo, useRef, useState,
 } from '../../lib/teact/teact';
 import { getActions } from '../../global';

src/components/common/Avatar.tsx

@@ -1,6 +1,7 @@
 import type { MouseEvent as ReactMouseEvent } from 'react';
 import type { FC, TeactNode } from '../../lib/teact/teact';
-import React, { memo, useMemo, useRef } from '../../lib/teact/teact';
+import type React from '../../lib/teact/teact';
+import { memo, useMemo, useRef } from '../../lib/teact/teact';
 import { getActions } from '../../global';
 
 import type {

src/components/common/AvatarList.tsx

@@ -1,5 +1,5 @@
 import type { FC } from '../../lib/teact/teact';
-import React, { memo, useMemo } from '../../lib/teact/teact';
+import { memo, useMemo } from '../../lib/teact/teact';
 
 import type { ApiPeer } from '../../api/types';
 import type { AvatarSize } from './Avatar';

src/components/common/AvatarStoryCircle.tsx

@@ -1,4 +1,4 @@
-import React, {
+import {
   memo, useLayoutEffect, useMemo, useRef,
 } from '../../lib/teact/teact';
 import { withGlobal } from '../../global';

src/components/common/BadgeButton.tsx

@@ -1,4 +1,4 @@
-import React from '../../lib/teact/teact';
+import type React from '../../lib/teact/teact';
 
 import buildClassName from '../../util/buildClassName';
 

src/components/common/Blockquote.tsx

@@ -1,4 +1,4 @@
-import React, {
+import {
   type TeactNode,
   useRef,
 } from '../../lib/teact/teact';

src/components/common/CalendarModal.async.tsx

@@ -1,5 +1,4 @@
 import type { FC } from '../../lib/teact/teact';
-import React from '../../lib/teact/teact';
 
 import type { OwnProps } from './CalendarModal';
 

src/components/common/CalendarModal.tsx

@@ -1,5 +1,6 @@
 import type { FC } from '../../lib/teact/teact';
-import React, {
+import type React from '../../lib/teact/teact';
+import {
   memo, useCallback, useEffect, useMemo, useState,
 } from '../../lib/teact/teact';
 

src/components/common/ChatForumLastMessage.tsx

@@ -1,5 +1,6 @@
 import type { FC } from '../../lib/teact/teact';
-import React, {
+import type React from '../../lib/teact/teact';
+import {
   memo,
   useEffect,
   useMemo,

src/components/common/ChatLink.tsx

@@ -1,5 +1,6 @@
 import type { FC } from '../../lib/teact/teact';
-import React, { memo, useCallback } from '../../lib/teact/teact';
+import type React from '../../lib/teact/teact';
+import { memo, useCallback } from '../../lib/teact/teact';
 import { getActions } from '../../global';
 
 import buildClassName from '../../util/buildClassName';

src/components/common/Composer.tsx

@@ -1,5 +1,5 @@
 import type { FC, TeactNode } from '../../lib/teact/teact';
-import React, {
+import {
   memo, useEffect, useMemo, useRef, useSignal, useState,
 } from '../../lib/teact/teact';
 import { getActions, getGlobal, withGlobal } from '../../global';

src/components/common/CountryPickerModal.async.tsx

@@ -1,5 +1,4 @@
 import type { FC } from '../../lib/teact/teact';
-import React from '../../lib/teact/teact';
 
 import type { OwnProps } from './CountryPickerModal';
 

src/components/common/CountryPickerModal.tsx

@@ -1,5 +1,5 @@
 import type { FC } from '../../lib/teact/teact';
-import React, {
+import {
   memo, useMemo, useState,
 } from '../../lib/teact/teact';
 import { getActions } from '../../global';

src/components/common/CustomEmoji.tsx

@@ -1,5 +1,5 @@
 import type { ElementRef, FC } from '../../lib/teact/teact';
-import React, { memo, useRef, useState } from '../../lib/teact/teact';
+import { memo, useRef, useState } from '../../lib/teact/teact';
 import { getGlobal } from '../../global';
 
 import type { ObserveFn } from '../../hooks/useIntersectionObserver';

src/components/common/CustomEmojiPicker.tsx

@@ -1,5 +1,5 @@
 import type { FC } from '../../lib/teact/teact';
-import React, {
+import {
   memo, useEffect, useMemo, useRef,
 } from '../../lib/teact/teact';
 import { getGlobal, withGlobal } from '../../global';

src/components/common/CustomEmojiSetsModal.async.tsx

@@ -1,5 +1,4 @@
 import type { FC } from '../../lib/teact/teact';
-import React from '../../lib/teact/teact';
 
 import type { OwnProps } from './CustomEmojiSetsModal';
 

src/components/common/CustomEmojiSetsModal.tsx

@@ -1,5 +1,5 @@
 import type { FC } from '../../lib/teact/teact';
-import React, {
+import {
   memo,
   useMemo,
   useRef,

src/components/common/DeleteChatModal.tsx

@@ -1,5 +1,5 @@
 import type { FC } from '../../lib/teact/teact';
-import React, { memo } from '../../lib/teact/teact';
+import { memo } from '../../lib/teact/teact';
 import { getActions, withGlobal } from '../../global';
 
 import type { ApiChat } from '../../api/types';

src/components/common/DeleteMessageModal.async.tsx

@@ -1,5 +1,4 @@
 import type { FC } from '../../lib/teact/teact';
-import React from '../../lib/teact/teact';
 
 import type { OwnProps } from './DeleteMessageModal';
 

src/components/common/DeleteMessageModal.tsx

@@ -1,5 +1,5 @@
 import type { FC } from '../../lib/teact/teact';
-import React, {
+import {
   memo,
   useEffect,
   useMemo,

src/components/common/DeleteProfilePhotoModal.tsx

@@ -1,5 +1,5 @@
 import type { FC } from '../../lib/teact/teact';
-import React, { memo, useCallback } from '../../lib/teact/teact';
+import { memo, useCallback } from '../../lib/teact/teact';
 import { getActions } from '../../global';
 
 import type { ApiPhoto } from '../../api/types';

src/components/common/Document.tsx

@@ -1,4 +1,4 @@
-import React, {
+import {
   memo, useEffect, useRef, useState,
 } from '../../lib/teact/teact';
 import { getActions } from '../../global';

src/components/common/DotAnimation.tsx

@@ -1,5 +1,4 @@
 import type { FC } from '../../lib/teact/teact';
-import React from '../../lib/teact/teact';
 
 import buildClassName from '../../util/buildClassName';
 import renderText from './helpers/renderText';

src/components/common/FakeIcon.tsx

@@ -1,5 +1,5 @@
 import type { FC } from '../../lib/teact/teact';
-import React, { memo } from '../../lib/teact/teact';
+import { memo } from '../../lib/teact/teact';
 
 import type { ApiFakeType } from '../../api/types';
 

src/components/common/File.tsx

@@ -1,5 +1,6 @@
 import type { ElementRef, FC } from '../../lib/teact/teact';
-import React, {
+import type React from '../../lib/teact/teact';
+import {
   memo, useMemo, useRef, useState,
 } from '../../lib/teact/teact';
 

src/components/common/FullNameTitle.tsx

@@ -1,5 +1,6 @@
 import type { FC } from '../../lib/teact/teact';
-import React, { memo, useMemo } from '../../lib/teact/teact';
+import type React from '../../lib/teact/teact';
+import { memo, useMemo } from '../../lib/teact/teact';
 import { getActions } from '../../global';
 
 import type {

src/components/common/GifButton.tsx

@@ -1,5 +1,6 @@
 import type { FC } from '../../lib/teact/teact';
-import React, {
+import type React from '../../lib/teact/teact';
+import {
   memo, useEffect, useRef, useState,
 } from '../../lib/teact/teact';
 

src/components/common/GroupCallLink.tsx

@@ -1,5 +1,6 @@
 import type { FC } from '../../lib/teact/teact';
-import React, { useCallback } from '../../lib/teact/teact';
+import type React from '../../lib/teact/teact';
+import { useCallback } from '../../lib/teact/teact';
 import { getActions } from '../../global';
 
 import type { ApiGroupCall } from '../../api/types';

src/components/common/GroupChatInfo.tsx

@@ -1,5 +1,6 @@
 import type { FC } from '../../lib/teact/teact';
-import React, { memo, useEffect, useMemo } from '../../lib/teact/teact';
+import type React from '../../lib/teact/teact';
+import { memo, useEffect, useMemo } from '../../lib/teact/teact';
 import { getActions, withGlobal } from '../../global';
 
 import type {

src/components/common/LastMessageMeta.tsx

@@ -1,4 +1,4 @@
-import React, { memo } from '../../lib/teact/teact';
+import { memo } from '../../lib/teact/teact';
 
 import type { ApiMessage, ApiMessageOutgoingStatus } from '../../api/types';
 

src/components/common/LinkField.tsx

@@ -1,5 +1,5 @@
 import type { FC } from '../../lib/teact/teact';
-import React, { memo, useMemo } from '../../lib/teact/teact';
+import { memo, useMemo } from '../../lib/teact/teact';
 import { getActions } from '../../global';
 
 import buildClassName from '../../util/buildClassName';

src/components/common/ManageUsernames.tsx

@@ -1,5 +1,5 @@
 import type { FC } from '../../lib/teact/teact';
-import React, {
+import {
   memo, useCallback, useEffect, useMemo, useState,
 } from '../../lib/teact/teact';
 import { getActions } from '../../global';

src/components/common/Media.tsx

@@ -1,5 +1,5 @@
 import type { FC } from '../../lib/teact/teact';
-import React, { memo, useRef } from '../../lib/teact/teact';
+import { memo, useRef } from '../../lib/teact/teact';
 
 import type { ApiMessage } from '../../api/types';
 import type { ObserveFn } from '../../hooks/useIntersectionObserver';

src/components/common/MediaSpoiler.tsx

@@ -1,5 +1,6 @@
 import type { FC } from '../../lib/teact/teact';
-import React, { memo, useRef } from '../../lib/teact/teact';
+import type React from '../../lib/teact/teact';
+import { memo, useRef } from '../../lib/teact/teact';
 
 import { requestMutation } from '../../lib/fasterdom/fasterdom';
 import buildClassName from '../../util/buildClassName';

src/components/common/MessageLink.tsx

@@ -1,5 +1,6 @@
 import type { FC } from '../../lib/teact/teact';
-import React, { useCallback } from '../../lib/teact/teact';
+import type React from '../../lib/teact/teact';
+import { useCallback } from '../../lib/teact/teact';
 import { getActions } from '../../global';
 
 import type { ApiMessage } from '../../api/types';

src/components/common/MessageOutgoingStatus.tsx

@@ -1,5 +1,5 @@
 import type { FC } from '../../lib/teact/teact';
-import React, { memo } from '../../lib/teact/teact';
+import { memo } from '../../lib/teact/teact';
 
 import type { ApiMessageOutgoingStatus } from '../../api/types';
 

src/components/common/MessageSummary.tsx

@@ -1,4 +1,4 @@
-import React, { memo } from '../../lib/teact/teact';
+import { memo } from '../../lib/teact/teact';
 import { withGlobal } from '../../global';
 
 import type {

src/components/common/MessageText.tsx

@@ -1,4 +1,4 @@
-import React, {
+import {
   memo, useMemo, useRef,
 } from '../../lib/teact/teact';
 

src/components/common/MiniTable.tsx

@@ -1,4 +1,4 @@
-import React, { memo, type TeactNode } from '../../lib/teact/teact';
+import { memo, type TeactNode } from '../../lib/teact/teact';
 
 import buildClassName from '../../util/buildClassName';
 

src/components/common/NothingFound.tsx

@@ -1,5 +1,5 @@
 import type { FC } from '../../lib/teact/teact';
-import React, { memo } from '../../lib/teact/teact';
+import { memo } from '../../lib/teact/teact';
 
 import buildClassName from '../../util/buildClassName';
 import renderText from './helpers/renderText';

src/components/common/PasswordForm.tsx

@@ -1,6 +1,7 @@
 import type { ChangeEvent } from 'react';
 import type { FC } from '../../lib/teact/teact';
-import React, {
+import type React from '../../lib/teact/teact';
+import {
   memo, useEffect, useRef, useState,
 } from '../../lib/teact/teact';
 

src/components/common/PasswordMonkey.tsx

@@ -1,5 +1,5 @@
 import type { FC } from '../../lib/teact/teact';
-import React, { memo, useCallback } from '../../lib/teact/teact';
+import { memo, useCallback } from '../../lib/teact/teact';
 
 import { STICKER_SIZE_AUTH, STICKER_SIZE_AUTH_MOBILE, STICKER_SIZE_TWO_FA } from '../../config';
 import { LOCAL_TGS_URLS } from './helpers/animatedAssets';

src/components/common/PaymentMessageConfirmDialog.tsx

@@ -1,5 +1,5 @@
 import type { FC, StateHookSetter } from '../../lib/teact/teact';
-import React, { memo } from '../../lib/teact/teact';
+import { memo } from '../../lib/teact/teact';
 
 import { formatStarsAsText } from '../../util/localization/format';
 

src/components/common/PeerBadge.tsx

@@ -1,4 +1,4 @@
-import React, { memo } from '../../lib/teact/teact';
+import { memo } from '../../lib/teact/teact';
 
 import type { ApiPeer, ApiWebDocument } from '../../api/types';
 import type { CustomPeer } from '../../types';

src/components/common/PeerChip.tsx

@@ -1,5 +1,5 @@
 import type { TeactNode } from '../../lib/teact/teact';
-import React, { memo } from '../../lib/teact/teact';
+import { memo } from '../../lib/teact/teact';
 import { withGlobal } from '../../global';
 
 import type { ApiPeer } from '../../api/types';

src/components/common/PeerColorWrapper.tsx

@@ -1,5 +1,6 @@
 import type { ElementRef } from '../../lib/teact/teact';
-import React, { memo } from '../../lib/teact/teact';
+import type React from '../../lib/teact/teact';
+import { memo } from '../../lib/teact/teact';
 
 import type { ApiPeer, ApiPeerColor } from '../../api/types';
 

src/components/common/PinMessageModal.async.tsx

@@ -1,5 +1,4 @@
 import type { FC } from '../../lib/teact/teact';
-import React from '../../lib/teact/teact';
 
 import type { OwnProps } from './PinMessageModal';
 

src/components/common/PinMessageModal.tsx

@@ -1,4 +1,4 @@
-import React, { memo, useState } from '../../lib/teact/teact';
+import { memo, useState } from '../../lib/teact/teact';
 import { getActions, withGlobal } from '../../global';
 
 import {

src/components/common/PremiumProgress.tsx

@@ -1,5 +1,5 @@
 import type { FC } from '../../lib/teact/teact';
-import React, {
+import {
   memo, useEffect, useRef, useState,
 } from '../../lib/teact/teact';
 

src/components/common/PreviewMedia.tsx

@@ -1,5 +1,5 @@
 import type { FC } from '../../lib/teact/teact';
-import React, { memo, useRef } from '../../lib/teact/teact';
+import { memo, useRef } from '../../lib/teact/teact';
 
 import type { ApiBotPreviewMedia } from '../../api/types';
 import type { ObserveFn } from '../../hooks/useIntersectionObserver';

src/components/common/PrivacySettingsNoticeModal.async.tsx

@@ -1,5 +1,4 @@
 import type { FC } from '../../lib/teact/teact';
-import React from '../../lib/teact/teact';
 
 import type { OwnProps } from './PrivacySettingsNoticeModal';
 

src/components/common/PrivacySettingsNoticeModal.tsx

@@ -1,4 +1,4 @@
-import React, { memo } from '../../lib/teact/teact';
+import { memo } from '../../lib/teact/teact';
 import { getActions, withGlobal } from '../../global';
 
 import type { ApiUser } from '../../api/types';

src/components/common/PrivateChatInfo.tsx

@@ -1,5 +1,6 @@
 import type { FC } from '../../lib/teact/teact';
-import React, { memo, useEffect, useMemo } from '../../lib/teact/teact';
+import type React from '../../lib/teact/teact';
+import { memo, useEffect, useMemo } from '../../lib/teact/teact';
 import { getActions, withGlobal } from '../../global';
 
 import type {

src/components/common/ProfileInfo.tsx

@@ -1,5 +1,5 @@
 import type { FC } from '../../lib/teact/teact';
-import React, { memo, useEffect, useState } from '../../lib/teact/teact';
+import { memo, useEffect, useState } from '../../lib/teact/teact';
 import { getActions, withGlobal } from '../../global';
 
 import type {

src/components/common/ProfilePhoto.tsx

@@ -1,5 +1,5 @@
 import type { FC, TeactNode } from '../../lib/teact/teact';
-import React, {
+import {
   memo, useEffect, useMemo, useRef,
 } from '../../lib/teact/teact';
 

src/components/common/RecipientPicker.tsx

@@ -1,5 +1,5 @@
 import type { FC } from '../../lib/teact/teact';
-import React, { memo, useMemo, useState } from '../../lib/teact/teact';
+import { memo, useMemo, useState } from '../../lib/teact/teact';
 import { getGlobal, withGlobal } from '../../global';
 
 import type { ApiChatType } from '../../api/types';

src/components/common/ReportAvatarModal.tsx

@@ -1,6 +1,6 @@
 import type { ChangeEvent } from 'react';
 import type { FC } from '../../lib/teact/teact';
-import React, { memo, useMemo, useState } from '../../lib/teact/teact';
+import { memo, useMemo, useState } from '../../lib/teact/teact';
 import { getActions } from '../../global';
 
 import type { ApiPhoto, ApiReportReason } from '../../api/types';

src/components/common/SafeLink.tsx

@@ -1,5 +1,5 @@
 import type { TeactNode } from '../../lib/teact/teact';
-import React from '../../lib/teact/teact';
+import type React from '../../lib/teact/teact';
 import { getActions } from '../../global';
 
 import { ApiMessageEntityTypes } from '../../api/types';

src/components/common/SeenByModal.async.tsx

@@ -1,5 +1,4 @@
 import type { FC } from '../../lib/teact/teact';
-import React from '../../lib/teact/teact';
 
 import type { OwnProps } from './SeenByModal';
 

src/components/common/SeenByModal.tsx

@@ -1,4 +1,4 @@
-import React, { memo, useMemo } from '../../lib/teact/teact';
+import { memo, useMemo } from '../../lib/teact/teact';
 import { getActions, withGlobal } from '../../global';
 
 import { selectChatMessage, selectTabState } from '../../global/selectors';

src/components/common/SliderDots.tsx

@@ -1,5 +1,5 @@
 import type { FC } from '../../lib/teact/teact';
-import React, { memo, useCallback } from '../../lib/teact/teact';
+import { memo, useCallback } from '../../lib/teact/teact';
 
 import { IS_TOUCH_ENV } from '../../util/browser/windowEnvironment';
 import buildClassName from '../../util/buildClassName';

src/components/common/Sparkles.tsx

@@ -1,4 +1,4 @@
-import React, { memo } from '../../lib/teact/teact';
+import { memo } from '../../lib/teact/teact';
 
 import buildClassName from '../../util/buildClassName';
 import buildStyle from '../../util/buildStyle';

src/components/common/StickerButton.tsx

@@ -1,7 +1,8 @@
 import type { MouseEvent as ReactMouseEvent, ReactNode } from 'react';
 import type {
   ElementRef } from '../../lib/teact/teact';
-import React, {
+import type React from '../../lib/teact/teact';
+import {
   memo, useEffect, useMemo, useRef,
 } from '../../lib/teact/teact';
 import { getActions } from '../../global';

src/components/common/StickerSet.tsx

@@ -1,5 +1,5 @@
 import type { FC } from '../../lib/teact/teact';
-import React, {
+import {
   memo, useEffect, useMemo, useRef, useState,
 } from '../../lib/teact/teact';
 import { getActions, getGlobal, withGlobal } from '../../global';