diff --git a/README.md b/README.md
index 65f76433..3a97b364 100644
--- a/README.md
+++ b/README.md
@@ -81,7 +81,7 @@ https://github.com/dillonkearns/elm-pages/projects
 You will see an error if the NPM and Elm package do not have a matching Compatibility Key. Usually it's best to upgrade to the latest version of both the Elm and NPM
 packages when you upgrade. However, in case you want to install versions that are behind the latest, the Compatibility Key is included here for reference.
 
-Current Compatibility Key: 6.
+Current Compatibility Key: 7.
 
 ## Contributors ✨
 
diff --git a/generator/src/compatibility-key.js b/generator/src/compatibility-key.js
index 23e5f45b..8c288c17 100644
--- a/generator/src/compatibility-key.js
+++ b/generator/src/compatibility-key.js
@@ -1,3 +1,3 @@
-export const compatibilityKey = 6;
+export const compatibilityKey = 7;
 
-export const packageVersion = "3.0.0-beta.20";
+export const packageVersion = "3.0.0-beta.21";
diff --git a/src/Pages/Internal/Platform/CompatibilityKey.elm b/src/Pages/Internal/Platform/CompatibilityKey.elm
index ea01dd26..828ad40d 100644
--- a/src/Pages/Internal/Platform/CompatibilityKey.elm
+++ b/src/Pages/Internal/Platform/CompatibilityKey.elm
@@ -3,4 +3,4 @@ module Pages.Internal.Platform.CompatibilityKey exposing (currentCompatibilityKe
 
 currentCompatibilityKey : Int
 currentCompatibilityKey =
-    6
+    7
diff --git a/update-compatibility-keys.js b/update-compatibility-keys.js
index 8b1c862b..4381ac4e 100755
--- a/update-compatibility-keys.js
+++ b/update-compatibility-keys.js
@@ -2,7 +2,7 @@
 
 import * as fs from "node:fs";
 
-const currentCompatibilityKey = 6;
+const currentCompatibilityKey = 7;
 const currentPackageVersion = JSON.parse(
   fs.readFileSync("./package.json")
 ).version;