diff --git a/package-lock.json b/package-lock.json
index 6ac2be9..07a0037 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -39,7 +39,7 @@
         "query-string": "^7.0.1",
         "react": "^17.0.2",
         "react-blockies": "^1.4.1",
-        "react-chartjs-2": "^3.3.0",
+        "react-chartjs-2": "^4.0.0",
         "react-dom": "^17.0.2",
         "react-error-boundary": "^3.1.4",
         "react-helmet-async": "^1.1.2",
@@ -14388,9 +14388,9 @@
       }
     },
     "node_modules/react-chartjs-2": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/react-chartjs-2/-/react-chartjs-2-3.3.0.tgz",
-      "integrity": "sha512-4Mt0SR2aiUbWi/4762odRBYSnbNKSs4HWc0o3IW43py5bMfmfpeZU95w6mbvtuLZH/M3GsPJMU8DvDc+5U9blQ==",
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/react-chartjs-2/-/react-chartjs-2-4.0.0.tgz",
+      "integrity": "sha512-0kx41EVO6wIoeU6zvdwovX9kKcdrs7O62DGTSNmwAXZeLGJ3U+n4XijO1kxcMmAi4I6PQJWGD5oRwxVixHSp6g==",
       "peerDependencies": {
         "chart.js": "^3.5.0",
         "react": "^16.8.0 || ^17.0.0"
@@ -29181,9 +29181,9 @@
       }
     },
     "react-chartjs-2": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/react-chartjs-2/-/react-chartjs-2-3.3.0.tgz",
-      "integrity": "sha512-4Mt0SR2aiUbWi/4762odRBYSnbNKSs4HWc0o3IW43py5bMfmfpeZU95w6mbvtuLZH/M3GsPJMU8DvDc+5U9blQ==",
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/react-chartjs-2/-/react-chartjs-2-4.0.0.tgz",
+      "integrity": "sha512-0kx41EVO6wIoeU6zvdwovX9kKcdrs7O62DGTSNmwAXZeLGJ3U+n4XijO1kxcMmAi4I6PQJWGD5oRwxVixHSp6g==",
       "requires": {}
     },
     "react-dev-utils": {
diff --git a/package.json b/package.json
index 3add342..4cdea99 100644
--- a/package.json
+++ b/package.json
@@ -34,7 +34,7 @@
     "query-string": "^7.0.1",
     "react": "^17.0.2",
     "react-blockies": "^1.4.1",
-    "react-chartjs-2": "^3.3.0",
+    "react-chartjs-2": "^4.0.0",
     "react-dom": "^17.0.2",
     "react-error-boundary": "^3.1.4",
     "react-helmet-async": "^1.1.2",
diff --git a/src/special/london/Blocks.tsx b/src/special/london/Blocks.tsx
index d100717..095bbc2 100644
--- a/src/special/london/Blocks.tsx
+++ b/src/special/london/Blocks.tsx
@@ -8,6 +8,15 @@ import React, {
 import { Block } from "@ethersproject/abstract-provider";
 import { FixedNumber } from "@ethersproject/bignumber";
 import { Line } from "react-chartjs-2";
+import {
+  Chart as ChartJS,
+  LinearScale,
+  CategoryScale,
+  PointElement,
+  LineElement,
+  Filler,
+  Tooltip,
+} from "chart.js";
 import { Transition } from "@headlessui/react";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faBurn } from "@fortawesome/free-solid-svg-icons/faBurn";
@@ -25,6 +34,15 @@ import {
   gasChartData,
 } from "./chart";
 
+ChartJS.register(
+  LinearScale,
+  CategoryScale,
+  PointElement,
+  LineElement,
+  Filler,
+  Tooltip
+);
+
 const MAX_BLOCK_HISTORY = 20;
 
 const PREV_BLOCK_COUNT = 15;