chore:(deps): bump prettier from 2.2.1 to 2.3.0 in /explorer (#17454)

* chore:(deps): bump prettier from 2.2.1 to 2.3.0 in /explorer

Bumps [prettier](https://github.com/prettier/prettier) from 2.2.1 to 2.3.0.
- [Release notes](https://github.com/prettier/prettier/releases)
- [Changelog](https://github.com/prettier/prettier/blob/main/CHANGELOG.md)
- [Commits](https://github.com/prettier/prettier/compare/2.2.1...2.3.0)

Signed-off-by: dependabot[bot] <support@github.com>

* format

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Justin Starry <justin@solana.com>

explorer/package-lock.json

@@ -15465,9 +15465,9 @@
       "integrity": "sha1-1PRWKwzjaW5BrFLQ4ALlemNdxtw="
     },
     "prettier": {
-      "version": "2.2.1",
+      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.2.1.tgz",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.3.0.tgz",
-      "integrity": "sha512-PqyhM2yCjg/oKkFPtTGUojv7gnZAoG80ttl45O6x2Ug/rMJw4wcc9k6aaf2hibP7BGVCCM33gZoGjyvt9mm16Q=="
+      "integrity": "sha512-kXtO4s0Lz/DW/IJ9QdWhAf7/NmPWQXkFr/r/WkR3vyI+0v8amTDxiaQSLzs8NBlytfLWX/7uQUMIW677yLKl4w=="
     },
     "pretty-bytes": {
       "version": "5.6.0",

explorer/package.json

@@ -36,7 +36,7 @@
     "cross-fetch": "^3.1.4",
     "humanize-duration-ts": "^2.1.1",
     "node-sass": "^5.0.0",
-    "prettier": "^2.2.1",
+    "prettier": "^2.3.0",
     "react": "^17.0.2",
     "react-chartjs-2": "^2.11.2",
     "react-countup": "^4.3.3",

explorer/src/components/TpsCard.tsx

@@ -147,9 +147,10 @@ function TpsBarChart({ performanceInfo }: TpsBarChartProps) {
   const averageTps = Math.round(avgTps).toLocaleString("en-US");
   const transactionCount = <AnimatedTransactionCount info={performanceInfo} />;
   const seriesData = perfHistory[series];
-  const chartOptions = React.useMemo(() => CHART_OPTIONS(historyMaxTps), [
+  const chartOptions = React.useMemo(
-    historyMaxTps,
+    () => CHART_OPTIONS(historyMaxTps),
-  ]);
+    [historyMaxTps]
+  );
 
   const seriesLength = seriesData.length;
   const chartData: Chart.ChartData = {

explorer/src/components/account/TokenLargestAccountsCard.tsx

@@ -19,10 +19,10 @@ export function TokenLargestAccountsCard({ pubkey }: { pubkey: PublicKey }) {
   const mintInfo = useMintAccountInfo(mintAddress);
   const largestAccounts = useTokenLargestTokens(mintAddress);
   const fetchLargestAccounts = useFetchTokenLargestAccounts();
-  const refreshLargest = React.useCallback(() => fetchLargestAccounts(pubkey), [
+  const refreshLargest = React.useCallback(
-    pubkey,
+    () => fetchLargestAccounts(pubkey),
-    fetchLargestAccounts,
+    [pubkey, fetchLargestAccounts]
-  ]);
+  );
   const { tokenRegistry } = useTokenRegistry();
   const unit = tokenRegistry.get(mintAddress)?.symbol;
   const unitLabel = unit ? `(${unit})` : "";

explorer/src/components/account/history/TokenInstructionsCard.tsx

@@ -59,10 +59,8 @@ export function TokenInstructionsCard({ pubkey }: { pubkey: PublicKey }) {
 
         extractMintDetails(parsed, mintMap);
 
-        let instructions: (
+        let instructions: (ParsedInstruction | PartiallyDecodedInstruction)[] =
-          | ParsedInstruction
+          [];
-          | PartiallyDecodedInstruction
-        )[] = [];
 
         InstructionContainer.create(parsed).instructions.forEach(
           ({ instruction, inner }, index) => {

explorer/src/components/account/history/TokenTransfersCard.tsx

@@ -47,10 +47,10 @@ export function TokenTransfersCard({ pubkey }: { pubkey: PublicKey }) {
 
   const { tokenRegistry } = useTokenRegistry();
 
-  const mintDetails = React.useMemo(() => tokenRegistry.get(address), [
+  const mintDetails = React.useMemo(
-    address,
+    () => tokenRegistry.get(address),
-    tokenRegistry,
+    [address, tokenRegistry]
-  ]);
+  );
 
   const transactionRows = React.useMemo(() => {
     if (history?.data?.fetched) {

explorer/src/index.tsx

@@ -15,8 +15,7 @@ import { MintsProvider } from "providers/mints";
 
 if (process.env.NODE_ENV === "production") {
   Sentry.init({
-    dsn:
+    dsn: "https://5efdc15b4828434fbe949b5daed472be@o434108.ingest.sentry.io/5390542",
-      "https://5efdc15b4828434fbe949b5daed472be@o434108.ingest.sentry.io/5390542",
   });
 }
 

explorer/src/pages/ClusterStatsPage.tsx

@@ -218,12 +218,8 @@ function StatsCardBody() {
     return <StatsNotReady error={error} />;
   }
 
-  const {
+  const { avgSlotTime_1h, avgSlotTime_1min, epochInfo, blockTime } =
-    avgSlotTime_1h,
+    dashboardInfo;
-    avgSlotTime_1min,
-    epochInfo,
-    blockTime,
-  } = dashboardInfo;
   const hourlySlotTime = Math.round(1000 * avgSlotTime_1h);
   const averageSlotTime = Math.round(1000 * avgSlotTime_1min);
   const { slotIndex, slotsInEpoch } = epochInfo;

explorer/src/pages/TransactionDetailsPage.tsx

@@ -60,9 +60,8 @@ export function TransactionDetailsPage({ signature: raw }: SignatureProps) {
   } catch (err) {}
 
   const status = useTransactionStatus(signature);
-  const [zeroConfirmationRetries, setZeroConfirmationRetries] = React.useState(
+  const [zeroConfirmationRetries, setZeroConfirmationRetries] =
-    0
+    React.useState(0);
-  );
 
   let autoRefresh = AutoRefresh.Inactive;
 

explorer/src/providers/accounts/rewards.tsx

@@ -46,9 +46,8 @@ function reconcile(
 }
 
 export const StateContext = React.createContext<State | undefined>(undefined);
-export const DispatchContext = React.createContext<Dispatch | undefined>(
+export const DispatchContext =
-  undefined
+  React.createContext<Dispatch | undefined>(undefined);
-);
 
 type RewardsProviderProps = { children: React.ReactNode };
 

explorer/src/providers/cluster.tsx

@@ -119,9 +119,8 @@ function parseQuery(query: URLSearchParams): Cluster {
 }
 
 type SetShowModal = React.Dispatch<React.SetStateAction<boolean>>;
-const ModalContext = React.createContext<[boolean, SetShowModal] | undefined>(
+const ModalContext =
-  undefined
+  React.createContext<[boolean, SetShowModal] | undefined>(undefined);
-);
 const StateContext = React.createContext<State | undefined>(undefined);
 const DispatchContext = React.createContext<Dispatch | undefined>(undefined);
 

explorer/src/providers/stats/solanaClusterStats.tsx

@@ -53,25 +53,24 @@ const initialDashboardInfo: DashboardInfo = {
 };
 
 type SetActive = React.Dispatch<React.SetStateAction<boolean>>;
-const StatsProviderContext = React.createContext<
+const StatsProviderContext =
-  | {
+  React.createContext<
-      setActive: SetActive;
+    | {
-      setTimedOut: Function;
+        setActive: SetActive;
-      retry: Function;
+        setTimedOut: Function;
-      active: boolean;
+        retry: Function;
-    }
+        active: boolean;
-  | undefined
+      }
->(undefined);
+    | undefined
+  >(undefined);
 
 type DashboardState = { info: DashboardInfo };
-const DashboardContext = React.createContext<DashboardState | undefined>(
+const DashboardContext =
-  undefined
+  React.createContext<DashboardState | undefined>(undefined);
-);
 
 type PerformanceState = { info: PerformanceInfo };
-const PerformanceContext = React.createContext<PerformanceState | undefined>(
+const PerformanceContext =
-  undefined
+  React.createContext<PerformanceState | undefined>(undefined);
-);
 
 type Props = { children: React.ReactNode };
 export function SolanaClusterStatsProvider({ children }: Props) {

explorer/src/providers/transactions/details.tsx

@@ -19,9 +19,8 @@ type State = Cache.State<Details>;
 type Dispatch = Cache.Dispatch<Details>;
 
 export const StateContext = React.createContext<State | undefined>(undefined);
-export const DispatchContext = React.createContext<Dispatch | undefined>(
+export const DispatchContext =
-  undefined
+  React.createContext<Dispatch | undefined>(undefined);
-);
 
 type DetailsProviderProps = { children: React.ReactNode };
 export function DetailsProvider({ children }: DetailsProviderProps) {

explorer/src/utils/instruction.ts

@@ -168,10 +168,8 @@ export function getTokenInstructionType(
   signatureInfo: ConfirmedSignatureInfo,
   index: number
 ): InstructionType | undefined {
-  const innerInstructions: (
+  const innerInstructions: (ParsedInstruction | PartiallyDecodedInstruction)[] =
-    | ParsedInstruction
+    [];
-    | PartiallyDecodedInstruction
-  )[] = [];
 
   if (transaction.meta?.innerInstructions) {
     transaction.meta.innerInstructions.forEach((ix) => {

explorer/src/utils/tx.ts

@@ -20,7 +20,8 @@ import { Cluster } from "providers/cluster";
 import { SerumMarketRegistry } from "serumMarketRegistry";
 import { TokenInfoMap } from "@solana/spl-token-registry";
 
-export type ProgramName = typeof PROGRAM_NAME_BY_ID[keyof typeof PROGRAM_NAME_BY_ID];
+export type ProgramName =
+  typeof PROGRAM_NAME_BY_ID[keyof typeof PROGRAM_NAME_BY_ID];
 
 export enum PROGRAM_NAMES {
   // native built-ins