fix: handle sentry failure and add release

src/components/header/Header.tsx

@@ -19,7 +19,7 @@ import { Example } from "./Examples";
 import { WalletButton } from "./WalletButton";
 
 export const Header: React.FC = () => {
-  const [funTitle, setFunTitle] = useState(false);
+  const [funTitle, setFunTitle] = useState(true);
   const toast = useToast();
   const set = useSessionStoreWithoutUndo((state) => state.set);
 

src/hooks/useSendWeb3Transaction.ts

@@ -1,8 +1,8 @@
-import * as Sentry from "@sentry/react";
 import { useWallet } from "@solana/wallet-adapter-react";
 import { Connection, PublicKey, Signer } from "@solana/web3.js";
 import { mapITransactionToWeb3Transaction } from "../mappers/internal-to-web3js";
 import { ITransaction } from "../types/internal";
+import { sentryCaptureException } from "../utils/sentry";
 import { usePersistentStore } from "./usePersistentStore";
 import { useSessionStoreWithUndo } from "./useSessionStore";
 import { useWeb3Connection } from "./useWeb3Connection";
@@ -71,7 +71,7 @@ export const useSendWeb3Transaction = ({
 
       onSent && onSent(signature);
     } catch (err) {
-      Sentry.captureException(err);
+      sentryCaptureException(err);
       const message = Object.getOwnPropertyNames(err).includes("message")
         ? (err as { message: string }).message
         : JSON.stringify(err);

src/hooks/useWeb3Account.ts

@@ -1,10 +1,10 @@
 import { idlAddress } from "@project-serum/anchor/dist/cjs/idl";
-import * as Sentry from "@sentry/react";
 import { Connection, PublicKey } from "@solana/web3.js";
 import axios from "axios";
 import { useEffect, useState } from "react";
 import { programLabel } from "../library/programs";
 import { IPubKey, IRpcEndpoint } from "../types/internal";
+import { sentryCaptureException } from "../utils/sentry";
 import { isValidPublicKey } from "../utils/web3js";
 import { useSessionStoreWithUndo } from "./useSessionStore";
 import { useWeb3Connection } from "./useWeb3Connection";
@@ -84,7 +84,7 @@ export const useWeb3Account = (
     };
 
     fetch().catch((e) => {
-      Sentry.captureException(e);
+      sentryCaptureException(e);
     });
   }, [address, activeConnection, activeRpcEndpoint]);
 

src/index.tsx

@@ -9,6 +9,7 @@ import * as serviceWorker from "./serviceWorker";
 
 Sentry.init({
   dsn: process.env.REACT_APP_SENTRY_DSN,
+  release: process.env.REACT_APP_VERSION || "local",
 });
 
 const container = document.getElementById("root");

src/utils/sentry.ts

@@ -0,0 +1,10 @@
+import * as Sentry from "@sentry/react";
+
+export const sentryCaptureException = (err: unknown) => {
+  try {
+    Sentry.captureException(err);
+  } catch (_) {
+    // Sentry fails on rate limting
+    console.error(err);
+  }
+};