diff --git a/shared/editor/embeds/GitLabSnippet.tsx b/shared/editor/embeds/GitLabSnippet.tsx
index 169f02bd9..12031e290 100644
--- a/shared/editor/embeds/GitLabSnippet.tsx
+++ b/shared/editor/embeds/GitLabSnippet.tsx
@@ -1,5 +1,4 @@
import * as React from "react";
-import useEventListener from "~/hooks/useEventListener";
import Frame, { resizeObserverScript } from "../components/Frame";
import { EmbedProps as Props } from ".";
@@ -14,14 +13,16 @@ function GitLabSnippet(props: Props) {
"";
const iframeHtml = `${styles}${snippetScript}`;
- useEventListener(
- "message",
- (event: MessageEvent<{ type: string; value: number }>) => {
+ React.useEffect(() => {
+ const handler = (event: MessageEvent<{ type: string; value: number }>) => {
if (event.data.type === "frame-resized") {
setHeight(event.data.value);
}
- }
- );
+ };
+ window.addEventListener("message", handler);
+
+ return () => window.removeEventListener("message", handler);
+ }, []);
return (