Extract common component for address or ens name not found

src/Address.tsx

@@ -13,6 +13,7 @@ import { faCircleNotch } from "@fortawesome/free-solid-svg-icons/faCircleNotch";
 import { faQuestionCircle } from "@fortawesome/free-regular-svg-icons/faQuestionCircle";
 import StandardFrame from "./StandardFrame";
 import StandardSubtitle from "./StandardSubtitle";
+import AddressOrENSNameNotFound from "./components/AddressOrENSNameNotFound";
 import Copy from "./components/Copy";
 import NavTab from "./components/NavTab";
 import SourcifyLogo from "./sourcify/SourcifyLogo";
@@ -81,9 +82,7 @@ const Address: React.FC = () => {
   return (
     <StandardFrame>
       {error ? (
-        <span className="text-base">
+        <AddressOrENSNameNotFound addressOrENSName={addressOrName} />
-          "{addressOrName}" is not an ETH address or ENS name.
-        </span>
       ) : (
         checksummedAddress && (
           <>

src/AddressTransaction.tsx

@@ -1,6 +1,7 @@
 import React, { useCallback, useContext } from "react";
 import { useNavigate, useParams, useSearchParams } from "react-router-dom";
 import StandardFrame from "./StandardFrame";
+import AddressOrENSNameNotFound from "./components/AddressOrENSNameNotFound";
 import { ChecksummedAddress } from "./types";
 import { transactionURL } from "./url";
 import { useTransactionBySenderAndNonce } from "./useErigonHooks";
@@ -47,11 +48,7 @@ const AddressTransaction: React.FC = () => {
   );
 
   if (error) {
-    return (
+    return <AddressOrENSNameNotFound addressOrENSName={addressOrName} />;
-      <span className="text-base">
-        "{addressOrName}" is not an ETH address or ENS name.
-      </span>
-    );
   }
   if (txHash) {
     navigate(transactionURL(txHash));

src/components/AddressOrENSNameNotFound.tsx

@@ -0,0 +1,15 @@
+import React from "react";
+
+type AddressOrENSNameNotFoundProps = {
+  addressOrENSName: string;
+};
+
+const AddressOrENSNameNotFound: React.FC<AddressOrENSNameNotFoundProps> = ({
+  addressOrENSName,
+}) => (
+  <span className="text-base">
+    "{addressOrENSName}" is not an ETH address or ENS name.
+  </span>
+);
+
+export default React.memo(AddressOrENSNameNotFound);