From 5ebf51f709eb8a35a8c09f8b721d8bf137dd2165 Mon Sep 17 00:00:00 2001
From: Chris Beer <chris@cbeer.info>
Date: Tue, 19 Dec 2023 16:00:09 -0800
Subject: [PATCH] Name the WorkspaceArea root component

---
 src/components/WorkspaceArea.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/WorkspaceArea.js b/src/components/WorkspaceArea.js
index 886118f61..66479271a 100644
--- a/src/components/WorkspaceArea.js
+++ b/src/components/WorkspaceArea.js
@@ -8,7 +8,7 @@ import WorkspaceAdd from '../containers/WorkspaceAdd';
 import BackgroundPluginArea from '../containers/BackgroundPluginArea';
 import ns from '../config/css-ns';
 
-const StyledMain = styled('main')(({ theme }) => {
+const Root = styled('main', { name: 'WorkspaceArea', slot: 'root' })(({ theme }) => {
   const getBackgroundColor = theme.palette.mode === 'light' ? darken : lighten;
 
   return {
@@ -47,7 +47,7 @@ export class WorkspaceArea extends Component {
           isWorkspaceControlPanelVisible
             && <WorkspaceControlPanel variant={controlPanelVariant} />
         }
-        <StyledMain
+        <Root
           className={ns('viewer')}
           lang={lang}
           aria-label={t('workspace')}
@@ -60,7 +60,7 @@ export class WorkspaceArea extends Component {
           }
           <ErrorDialog />
           <BackgroundPluginArea />
-        </StyledMain>
+        </Root>
       </>
     );
   }
-- 
GitLab