diff --git a/apps/doc-gen/src/app/views/ErrorView.tsx b/apps/doc-gen/src/app/views/ErrorView.tsx
index 09af1ea547..38e6a57cfd 100644
--- a/apps/doc-gen/src/app/views/ErrorView.tsx
+++ b/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={{
diff --git a/apps/etherscan/src/app/components/HeaderWithSettings.tsx b/apps/etherscan/src/app/components/HeaderWithSettings.tsx
index e6cf68c6d4..5818b2bc7e 100644
--- a/apps/etherscan/src/app/components/HeaderWithSettings.tsx
+++ b/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>
diff --git a/apps/etherscan/src/app/components/SubmitButton.tsx b/apps/etherscan/src/app/components/SubmitButton.tsx
index 080fafc708..9f4bed6200 100644
--- a/apps/etherscan/src/app/components/SubmitButton.tsx
+++ b/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}>
diff --git a/apps/etherscan/src/app/layouts/Default.tsx b/apps/etherscan/src/app/layouts/Default.tsx
index 0ca0dfc472..fa9a1111e5 100644
--- a/apps/etherscan/src/app/layouts/Default.tsx
+++ b/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} />
diff --git a/apps/etherscan/src/app/views/CaptureKeyView.tsx b/apps/etherscan/src/app/views/CaptureKeyView.tsx
index 7a93c5926b..e63ec4278d 100644
--- a/apps/etherscan/src/app/views/CaptureKeyView.tsx
+++ b/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('')
diff --git a/apps/etherscan/src/app/views/ErrorView.tsx b/apps/etherscan/src/app/views/ErrorView.tsx
index 4e7e748412..90ee41e62a 100644
--- a/apps/etherscan/src/app/views/ErrorView.tsx
+++ b/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" />
diff --git a/apps/etherscan/src/app/views/HomeView.tsx b/apps/etherscan/src/app/views/HomeView.tsx
index 9473d55d3f..d0cda503d6 100644
--- a/apps/etherscan/src/app/views/HomeView.tsx
+++ b/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 ? (
diff --git a/apps/etherscan/src/app/views/ReceiptsView.tsx b/apps/etherscan/src/app/views/ReceiptsView.tsx
index f08ef69540..9ec4536de9 100644
--- a/apps/etherscan/src/app/views/ReceiptsView.tsx
+++ b/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>
diff --git a/apps/etherscan/src/app/views/VerifyView.tsx b/apps/etherscan/src/app/views/VerifyView.tsx
index ab6e7c641c..4e68e353f9 100644
--- a/apps/etherscan/src/app/views/VerifyView.tsx
+++ b/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)
diff --git a/apps/remix-ide-e2e/src/local-plugin/src/app/logger.tsx b/apps/remix-ide-e2e/src/local-plugin/src/app/logger.tsx
index 4273c609d2..63a359cb53 100644
--- a/apps/remix-ide-e2e/src/local-plugin/src/app/logger.tsx
+++ b/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}
diff --git a/apps/vyper/src/app/app.tsx b/apps/vyper/src/app/app.tsx
index 097f362aae..590eea79ac 100644
--- a/apps/vyper/src/app/app.tsx
+++ b/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>({