From 2d3466ebfe7ee736d55d6838c5a009061b22ed69 Mon Sep 17 00:00:00 2001
From: vezwork <elliot@theatrejs.com>
Date: Tue, 28 Jun 2022 11:06:44 -0400
Subject: [PATCH] Fix react fragments not having a `key`.

Co-authored-by: Or Fleisher <fleisher.or@gmail.com>
---
 .../src/toolbars/ExtensionToolbar/ExtensionToolbar.tsx | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/theatre/studio/src/toolbars/ExtensionToolbar/ExtensionToolbar.tsx b/theatre/studio/src/toolbars/ExtensionToolbar/ExtensionToolbar.tsx
index bd0d472..aba1825 100644
--- a/theatre/studio/src/toolbars/ExtensionToolbar/ExtensionToolbar.tsx
+++ b/theatre/studio/src/toolbars/ExtensionToolbar/ExtensionToolbar.tsx
@@ -73,14 +73,10 @@ export const ExtensionToolbar: React.FC<{toolbarId: string}> = ({
     if (!extension || !extension.toolbars?.[toolbarId]) continue
 
     groups.push(
-      <>
+      <React.Fragment key={'extensionToolbar-' + extension.id}>
         {isAfterFirstGroup ? <GroupDivider></GroupDivider> : undefined}
-        <ExtensionToolsetRender
-          extension={extension}
-          key={'extensionToolbar-' + extension.id}
-          toolbarId={toolbarId}
-        />
-      </>,
+        <ExtensionToolsetRender extension={extension} toolbarId={toolbarId} />
+      </React.Fragment>,
     )
 
     isAfterFirstGroup = true