From b888ca07aebcdb7145cf7f8af3674f3160a7add7 Mon Sep 17 00:00:00 2001
From: Koen Vlaswinkel <koesie10@github.com>
Date: Tue, 14 Mar 2023 16:10:32 +0100
Subject: [PATCH] Extract variable for React root

---
 extensions/ql-vscode/src/view/webview.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/extensions/ql-vscode/src/view/webview.tsx b/extensions/ql-vscode/src/view/webview.tsx
index a2f8a6f47..0d134fdb0 100644
--- a/extensions/ql-vscode/src/view/webview.tsx
+++ b/extensions/ql-vscode/src/view/webview.tsx
@@ -26,7 +26,8 @@ const render = () => {
   // eslint-disable-next-line @typescript-eslint/no-var-requires
   const view: WebviewDefinition = require(`./${viewName}/index.tsx`).default;
 
-  createRoot(element).render(
+  const root = createRoot(element);
+  root.render(
     // Post a message to the extension when fully loaded. See https://github.com/reactwg/react-18/discussions/5 ("What about the render callback?")
     <div ref={() => vscode.postMessage({ t: "viewLoaded", viewName })}>
       {view.component}