diff --git a/packages/fakeyou.com/src/v2/view/PageContainer.tsx b/packages/fakeyou.com/src/v2/view/PageContainer.tsx
index ee0d66c0c9..bbcd3301c0 100644
--- a/packages/fakeyou.com/src/v2/view/PageContainer.tsx
+++ b/packages/fakeyou.com/src/v2/view/PageContainer.tsx
@@ -951,7 +951,7 @@ class PageContainer extends React.Component<
-
+
diff --git a/packages/fakeyou.com/src/v2/view/pages/beta_key/RedeemBetaKeyPage.tsx b/packages/fakeyou.com/src/v2/view/pages/beta_key/RedeemBetaKeyPage.tsx
index edb10514d4..1f7029bf35 100644
--- a/packages/fakeyou.com/src/v2/view/pages/beta_key/RedeemBetaKeyPage.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/beta_key/RedeemBetaKeyPage.tsx
@@ -4,11 +4,13 @@ import "./BetaKey.scss";
import { faKey, faPersonWalkingArrowLoopLeft } from "@fortawesome/pro-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { RedeemBetaKey } from "@storyteller/components/src/api/beta_key/RedeemBetaKey";
-import { Link, useHistory } from "react-router-dom";
+import { Link, useHistory, useParams } from "react-router-dom";
import { useSession } from "hooks";
export default function RedeemBetaKeyPage() {
- const [key, setKey] = useState("");
+ const { token: pageToken } = useParams<{ token: string }>();
+
+ const [key, setKey] = useState(pageToken || "");
const [loading, setLoading] = useState(false);
const [showAlert, setShowAlert] = useState(false);
const history = useHistory();