diff --git a/javascript/tokenscript-viewer/src/components/viewers/joyid-token/token-viewer.tsx b/javascript/tokenscript-viewer/src/components/viewers/joyid-token/token-viewer.tsx
index 86043a66..02fc6ad1 100644
--- a/javascript/tokenscript-viewer/src/components/viewers/joyid-token/token-viewer.tsx
+++ b/javascript/tokenscript-viewer/src/components/viewers/joyid-token/token-viewer.tsx
@@ -50,7 +50,7 @@ export class TokenViewer {
 		bubbles: true,
 	}) hideLoader: EventEmitter<void>;
 
-	async componentWillLoad(){
+	async componentDidLoad(){
 
 		try {
 			const query = new URLSearchParams(document.location.search.substring(1));
diff --git a/javascript/tokenscript-viewer/src/components/viewers/sts-token/sts-viewer.tsx b/javascript/tokenscript-viewer/src/components/viewers/sts-token/sts-viewer.tsx
index 3af64153..6c18dbfe 100644
--- a/javascript/tokenscript-viewer/src/components/viewers/sts-token/sts-viewer.tsx
+++ b/javascript/tokenscript-viewer/src/components/viewers/sts-token/sts-viewer.tsx
@@ -54,7 +54,7 @@ export class SmartTokenStoreViewer {
 		bubbles: true,
 	}) hideLoader: EventEmitter<void>;
 
-	async componentWillLoad(){
+	async componentDidLoad(){
 
 		try {
 			const query = new URLSearchParams(document.location.search.substring(1));