From 26a1f57649b68b6da910e5d16aadb08f9b1030d5 Mon Sep 17 00:00:00 2001 From: Tom Moor Date: Sun, 24 Mar 2024 21:16:19 -0400 Subject: [PATCH] Remove use of useEventListener in shared directory --- shared/editor/embeds/GitLabSnippet.tsx | 13 +++++++------ 1 file changed, 7 insertions(+), 6 deletions(-) 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 (