Address various console warnings (#38789)

apps/studio/components/interfaces/APIKeys/APIKeyRow.tsx

@@ -19,7 +19,7 @@ export const APIKeyRow = ({
   apiKey: Extract<APIKeysData[number], { type: 'secret' | 'publishable' }>
   lastSeen?: { timestamp: string }
 }) => {
-  const MotionTableRow = motion(TableRow)
+  const MotionTableRow = motion.create(TableRow)
 
   return (
     <MotionTableRow

apps/studio/components/interfaces/BranchManagement/CreateBranchModal.tsx

@@ -253,6 +253,7 @@ export const CreateBranchModal = () => {
         onOpenAutoFocus={(e) => {
           if (promptProPlanUpgrade) e.preventDefault()
         }}
+        aria-describedby={undefined}
       >
         <DialogHeader padding="small">
           <DialogTitle>Create a new preview branch</DialogTitle>

apps/studio/components/interfaces/JwtSecrets/jwt-secret-keys-table/signing-key-row.tsx

@@ -39,7 +39,7 @@ interface SigningKeyRowProps {
   isLoading?: boolean
 }
 
-const MotionTableRow = motion(TableRow)
+const MotionTableRow = motion.create(TableRow)
 
 export const SigningKeyRow = ({
   signingKey,

apps/studio/components/interfaces/Sidebar.tsx

@@ -51,7 +51,7 @@ export const ICON_STROKE_WIDTH = 1.5
 export type SidebarBehaviourType = 'expandable' | 'open' | 'closed'
 export const DEFAULT_SIDEBAR_BEHAVIOR = 'expandable'
 
-const SidebarMotion = motion(SidebarPrimitive) as FC<
+const SidebarMotion = motion.create(SidebarPrimitive) as FC<
   ComponentProps<typeof SidebarPrimitive> & {
     transition?: MotionProps['transition']
   }

apps/studio/components/layouts/ProjectLayout/ProjectLayout.tsx

@@ -183,7 +183,12 @@ const ProjectLayout = forwardRef<HTMLDivElement, PropsWithChildren<ProjectLayout
                 className="hidden md:flex"
               />
             )}
-            <ResizablePanel order={2} id="panel-right" className="h-full flex flex-col w-full">
+            <ResizablePanel
+              defaultSize={1}
+              order={2}
+              id="panel-right"
+              className="h-full flex flex-col w-full"
+            >
               <ResizablePanelGroup
                 direction="horizontal"
                 className="h-full w-full overflow-x-hidden flex-1 flex flex-row gap-0"
@@ -191,6 +196,7 @@ const ProjectLayout = forwardRef<HTMLDivElement, PropsWithChildren<ProjectLayout
               >
                 <ResizablePanel
                   id="panel-content"
+                  defaultSize={1}
                   className={cn('w-full xl:min-w-[600px] bg-dash-sidebar')}
                 >
                   <main
@@ -216,6 +222,7 @@ const ProjectLayout = forwardRef<HTMLDivElement, PropsWithChildren<ProjectLayout
                     <ResizableHandle withHandle />
                     <ResizablePanel
                       id="panel-assistant"
+                      defaultSize={30}
                       minSize={30}
                       maxSize={50}
                       className={cn(

apps/studio/components/ui/Charts/useChartHoverState.tsx

@@ -23,14 +23,16 @@ const subscribers = new Set<(state: ChartHoverState) => void>()
 
 // Load initial sync settings from localStorage
 try {
-  const hoverSyncStored = localStorage.getItem(CHART_HOVER_SYNC_STORAGE_KEY)
-  const tooltipSyncStored = localStorage.getItem(CHART_TOOLTIP_SYNC_STORAGE_KEY)
+  if (typeof window !== 'undefined') {
+    const hoverSyncStored = localStorage.getItem(CHART_HOVER_SYNC_STORAGE_KEY)
+    const tooltipSyncStored = localStorage.getItem(CHART_TOOLTIP_SYNC_STORAGE_KEY)
 
-  if (hoverSyncStored !== null) {
-    globalState.syncHover = JSON.parse(hoverSyncStored)
-  }
-  if (tooltipSyncStored !== null) {
-    globalState.syncTooltip = JSON.parse(tooltipSyncStored)
+    if (hoverSyncStored !== null) {
+      globalState.syncHover = JSON.parse(hoverSyncStored)
+    }
+    if (tooltipSyncStored !== null) {
+      globalState.syncTooltip = JSON.parse(tooltipSyncStored)
+    }
   }
 } catch (error) {
   console.warn('Failed to load chart sync settings from localStorage:', error)

apps/studio/pages/_app.tsx

@@ -32,6 +32,7 @@ import Head from 'next/head'
 import { NuqsAdapter } from 'nuqs/adapters/next/pages'
 import { ErrorInfo, useCallback } from 'react'
 import { ErrorBoundary } from 'react-error-boundary'
+
 import {
   FeatureFlagProvider,
   getFlags,

packages/common/configcat.ts

@@ -69,6 +69,8 @@ export async function getFlags(userEmail: string = '', customAttributes?: Record
       new configcat.User(userEmail, undefined, undefined, customAttributes)
     )
   } else {
-    return client.getAllValuesAsync()
+    return client.getAllValuesAsync(
+      new configcat.User('anonymous', undefined, undefined, customAttributes)
+    )
   }
 }