fix: alphatab event registration hook

Danielku15 · Danielku15 · commit 1f4e0f4165d1 · 2025-08-30T12:02:49.000+09:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -16,7 +16,7 @@
     "generate-alphatabdoc": "tsx scripts/generate-alphatabdoc.mts"
   },
   "dependencies": {
-    "@coderline/alphatab": "^1.7.0-alpha.1452",
+    "@coderline/alphatab": "^1.6.2",
     "@docusaurus/core": "^3.7.0",
     "@docusaurus/preset-classic": "^3.7.0",
     "@docusaurus/theme-mermaid": "^3.7.0",
diff --git a/src/components/AlphaTabPlayground/index.tsx b/src/components/AlphaTabPlayground/index.tsx
@@ -142,7 +142,6 @@ export const AlphaTabPlayground: React.FC = () => {
         if (!api) {
             return;
         }
-
         api.pause();
         switch (mediaType.type) {
             case MediaType.Synth:
@@ -202,7 +201,7 @@ export const AlphaTabPlayground: React.FC = () => {
 
                 break;
         }
-    }, [api, mediaType]);
+    }, [api, mediaType.type]);
 
     return (
         <>
diff --git a/src/hooks.ts b/src/hooks.ts
@@ -57,7 +57,7 @@ export function useAlphaTabEvent<
         api[event].off(handler as any);
       };
     }
-  }, [api, event, handler, ...(deps ?? [])]);
+  }, [api, event, ...(deps ?? [])]);
 }
 
 export const useIsMount = () => {

Original file line number	Diff line number	Diff line change
`@@ -142,7 +142,6 @@ export const AlphaTabPlayground: React.FC = () => {`
`142`	`142`	`if (!api) {`
`143`	`143`	`return;`
`144`	`144`	`}`
`145`		`-`
`146`	`145`	`api.pause();`
`147`	`146`	`switch (mediaType.type) {`
`148`	`147`	`case MediaType.Synth:`
`@@ -202,7 +201,7 @@ export const AlphaTabPlayground: React.FC = () => {`
`202`	`201`
`203`	`202`	`break;`
`204`	`203`	`}`
`205`		`- }, [api, mediaType]);`
	`204`	`+ }, [api, mediaType.type]);`
`206`	`205`
`207`	`206`	`return (`
`208`	`207`	`<>`
Original file line number	Diff line number	Diff line change
`@@ -57,7 +57,7 @@ export function useAlphaTabEvent<`
`57`	`57`	`api[event].off(handler as any);`
`58`	`58`	`};`
`59`	`59`	`}`
`60`		`- }, [api, event, handler, ...(deps ?? [])]);`
	`60`	`+ }, [api, event, ...(deps ?? [])]);`
`61`	`61`	`}`
`62`	`62`
`63`	`63`	`export const useIsMount = () => {`