Merge branch 'react18v4_desktop' of https://github.com/ethereum/remix-project into react18v4_desktop

apps/doc-gen/src/app/views/ErrorView.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-export const ErrorView: React.FC<React.PropsWithChildren> = () => {
+export const ErrorView = () => {
   return (
     <div
       style={{

apps/etherscan/src/app/components/HeaderWithSettings.tsx

@@ -13,7 +13,7 @@ interface IconProps {
   from: string
 }
 
-const HomeIcon: React.FC<IconProps> = ({from}: IconProps) => {
+const HomeIcon = ({from}: IconProps) => {
   return (
     <NavLink
       data-id="home"
@@ -31,7 +31,7 @@ const HomeIcon: React.FC<IconProps> = ({from}: IconProps) => {
   )
 }
 
-const ReceiptsIcon: React.FC<IconProps> = ({from}: IconProps) => {
+const ReceiptsIcon = ({from}: IconProps) => {
   return (
     <NavLink
       data-id="receipts"
@@ -49,7 +49,7 @@ const ReceiptsIcon: React.FC<IconProps> = ({from}: IconProps) => {
   )
 }
 
-const SettingsIcon: React.FC<IconProps> = ({from}: IconProps) => {
+const SettingsIcon = ({from}: IconProps) => {
   return (
     <NavLink
       data-id="settings"
@@ -67,7 +67,7 @@ const SettingsIcon: React.FC<IconProps> = ({from}: IconProps) => {
   )
 }
 
-export const HeaderWithSettings: React.FC<Props> = ({title = '', from}) => {
+export const HeaderWithSettings = ({title = '', from}) => {
   return (
     <div className="d-flex justify-content-between">
           <h6 className="d-inline">{title}</h6>

apps/etherscan/src/app/components/SubmitButton.tsx

@@ -8,7 +8,7 @@ interface Props {
   disable?: boolean
 }
 
-export const SubmitButton: React.FC<Props> = ({text, dataId, isSubmitting = false, disable = true}) => {
+export const SubmitButton = ({text, dataId, isSubmitting = false, disable = true}) => {
   return (
     <div>
       <button data-id={dataId} type="submit" className="btn btn-primary btn-block p-1 text-decoration-none" disabled={disable}>

apps/etherscan/src/app/layouts/Default.tsx

@@ -7,7 +7,7 @@ interface Props {
   title?: string
 }
 
-export const DefaultLayout: React.FC<PropsWithChildren<Props>> = ({children, from, title}) => {
+export const DefaultLayout = ({children, from, title}) => {
   return (
     <div>
       <HeaderWithSettings from={from} title={title} />

apps/etherscan/src/app/views/CaptureKeyView.tsx

@@ -6,7 +6,7 @@ import {useNavigate, useLocation} from 'react-router-dom'
 import {AppContext} from '../AppContext'
 import {SubmitButton} from '../components'
 
-export const CaptureKeyView: React.FC<React.PropsWithChildren> = () => {
+export const CaptureKeyView = () => {
   const location = useLocation()
   const navigate = useNavigate()
   const [msg, setMsg] = useState('')

apps/etherscan/src/app/views/ErrorView.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-export const ErrorView: React.FC<React.PropsWithChildren> = () => {
+export const ErrorView = () => {
   return (
     <div className="d-flex w-100 flex-column align-items-center">
       <img className="pb-4" width="250" src="https://res.cloudinary.com/key-solutions/image/upload/v1580400635/solid/error-png.png" alt="Error page" />

apps/etherscan/src/app/views/HomeView.tsx

@@ -7,7 +7,7 @@ import {Receipt} from '../types'
 
 import {VerifyView} from './VerifyView'
 
-export const HomeView: React.FC<React.PropsWithChildren> = () => {
+export const HomeView = () => {
   const context = React.useContext(AppContext)
   
   return !context.apiKey ? (

apps/etherscan/src/app/views/ReceiptsView.tsx

@@ -13,7 +13,7 @@ interface FormValues {
   receiptGuid: string
 }
 
-export const ReceiptsView: React.FC<React.PropsWithChildren> = () => {
+export const ReceiptsView = () => {
   const [results, setResults] = useState({succeed: false, message: ''})
   const [isProxyContractReceipt, setIsProxyContractReceipt] = useState(false)
   const context = React.useContext(AppContext)
@@ -124,7 +124,7 @@ export const ReceiptsView: React.FC<React.PropsWithChildren> = () => {
   )
 }
 
-const ReceiptsTable: React.FC<{receipts: Receipt[]}> = ({receipts}) => {
+const ReceiptsTable = ({receipts}) => {
   return (
     <div className="table-responsive">
       <h6>Receipts</h6>

apps/etherscan/src/app/views/VerifyView.tsx

@@ -24,7 +24,7 @@ interface FormValues {
   expectedImplAddress?: string
 }
 
-export const VerifyView: React.FC<Props> = ({apiKey, client, contracts, onVerifiedContract, networkName}) => {
+export const VerifyView ({apiKey, client, contracts, onVerifiedContract, networkName}) => {
   const [results, setResults] = useState('')
   const [selectedContract, setSelectedContract] = useState('')
   const [showConstructorArgs, setShowConstructorArgs] = useState(false)

apps/remix-ide-e2e/src/local-plugin/src/app/logger.tsx

@@ -4,7 +4,7 @@ interface loggerProps {
   id: string
 }
 
-export const Logger: React.FC<loggerProps> = (props) => {
+export const Logger = (props) => {
   return (
     <div id={props.id} className="jumbotron overflow-auto text-break mb-1 p-2">
       {props.log}

apps/vyper/src/app/app.tsx

@@ -25,7 +25,7 @@ interface OutputMap {
   [fileName: string]: VyperCompilationOutput
 }
 
-const App: React.FC<React.PropsWithChildren> = () => {
+const App = () => {
   const [contract, setContract] = useState<string>()
   const [output, setOutput] = useState<OutputMap>({})
   const [state, setState] = useState<AppState>({