still broken

extensions/default/src/ViewerLayout/index.jsx

@@ -27,12 +27,10 @@ function ViewerLayout({
   leftPanels,
   rightPanels,
   viewports,
-  children,
+  children: ViewportGrid,
 }) {
   const [displaySets, setDisplaySets] = useState({});
 
-  console.log(children);
-  debugger;
   /**
    * Set body classes (tailwindcss) that don't allow vertical
    * or horizontal overflow (no scrolling). Also guarantee window
@@ -81,7 +79,9 @@ function ViewerLayout({
   // TODO -> make toolbar service
   const toolBarLayout = { tools: [], moreTools: [] };
 
-  const [primaryToolBarLayout, secondaryToolBarLayout] = toolBarLayout;
+  //const [primaryToolBarLayout, secondaryToolBarLayout] = toolBarLayout;
+  const primaryToolBarLayout = toolBarLayout;
+  const secondaryToolBarLayout = toolBarLayout;
 
   return (
     <div>
@@ -105,7 +105,7 @@ function ViewerLayout({
             <Toolbar type="secondary" tools={secondaryToolBarLayout.tools} />
           </div>
           <div className="flex flex-1 h-full overflow-hidden bg-black items-center justify-center pb-2 pt-1">
-            <children.ViewportGrid
+            <ViewportGrid
               servicesManager={servicesManager}
               viewportComponents={viewportComponents}
             />