From 5548e599fe4920b71766e0ad1d121755ce9c63d5 Mon Sep 17 00:00:00 2001
From: Josh <josh.hundley@gmail.com>
Date: Fri, 19 Feb 2021 09:20:03 -0800
Subject: [PATCH] explorer: prevent large slot number input stemming from hex
 strings (#15438)

* explorer: prevent large slot number input stemming from hex strings

* explorer: support IE11
---
 explorer/src/pages/BlockDetailsPage.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/explorer/src/pages/BlockDetailsPage.tsx b/explorer/src/pages/BlockDetailsPage.tsx
index b106109ede..b55652a964 100644
--- a/explorer/src/pages/BlockDetailsPage.tsx
+++ b/explorer/src/pages/BlockDetailsPage.tsx
@@ -3,13 +3,17 @@ import React from "react";
 import { ErrorCard } from "components/common/ErrorCard";
 import { BlockOverviewCard } from "components/block/BlockOverviewCard";
 
+// IE11 doesn't support Number.MAX_SAFE_INTEGER
+const MAX_SAFE_INTEGER = 9007199254740991;
+
 type Props = { slot: string };
 
 export function BlockDetailsPage({ slot }: Props) {
+  const slotNumber = Number(slot);
   let output = <ErrorCard text={`Block ${slot} is not valid`} />;
 
-  if (!isNaN(Number(slot))) {
-    output = <BlockOverviewCard slot={Number(slot)} />;
+  if (!isNaN(slotNumber) && slotNumber < MAX_SAFE_INTEGER) {
+    output = <BlockOverviewCard slot={slotNumber} />;
   }
 
   return (