explorer: bump react-router type deps and fix type errors (solana-lab…

…s#28133)
lijunwangs · Sep 29, 2022 · 816940c · 816940c
1 parent 2c49bc9
commit 816940c
Show file tree

Hide file tree

Showing 3 changed files with 63 additions and 58 deletions.
diff --git a/explorer/package-lock.json b/explorer/package-lock.json
diff --git a/explorer/package.json b/explorer/package.json
@@ -59,7 +59,7 @@
     "@types/node": "^18.0.3",
     "@types/react": "^18.0.8",
     "@types/react-dom": "^18.0.6",
-    "@types/react-router-dom": "^5.3.2",
+    "@types/react-router-dom": "^5.3.3",
     "@types/react-select": "^3.1.2",
     "@types/socket.io-client": "^3.0.0",
     "chai": "^4.3.6",

diff --git a/explorer/src/App.tsx b/explorer/src/App.tsx
@@ -42,9 +42,13 @@ function App() {
           <Route
             exact
             path={["/tx/inspector", "/tx/:signature/inspect"]}
-            render={({ match }) => (
-              <TransactionInspectorPage signature={match.params.signature} />
-            )}
+            render={({ match }) => {
+              const signature =
+                "signature" in match.params
+                  ? match.params.signature
+                  : undefined;
+              return <TransactionInspectorPage signature={signature} />;
+            }}
           />
           <Route
             exact
@@ -61,9 +65,10 @@ function App() {
           <Route
             exact
             path={["/block/:id", "/block/:id/:tab"]}
-            render={({ match }) => (
-              <BlockDetailsPage slot={match.params.id} tab={match.params.tab} />
-            )}
+            render={({ match }) => {
+              const tab = "tab" in match.params ? match.params.tab : undefined;
+              return <BlockDetailsPage slot={match.params.id} tab={tab} />;
+            }}
           />
           <Route
             exact
@@ -82,12 +87,12 @@ function App() {
           <Route
             exact
             path={["/address/:address", "/address/:address/:tab"]}
-            render={({ match }) => (
-              <AccountDetailsPage
-                address={match.params.address}
-                tab={match.params.tab}
-              />
-            )}
+            render={({ match }) => {
+              const tab = "tab" in match.params ? match.params.tab : undefined;
+              return (
+                <AccountDetailsPage address={match.params.address} tab={tab} />
+              );
+            }}
           />
           <Route exact path="/">
             <ClusterStatsPage />