fix: unexpected undefined class in popup (#2394)

packages/component/src/components/app-sidebar/app-updater-button/index.tsx

@@ -15,7 +15,6 @@ export function AppUpdaterButton({ className, style }: AddPageButtonProps) {
 
   return (
     <button
-      data-testid="new-page-button"
       style={style}
       className={clsx([styles.root, className])}
       onClick={() => {

packages/component/src/theme/theme.css.ts

@@ -15,3 +15,9 @@ globalStyle('html', {
 globalStyle('html[data-theme="dark"]', {
   vars: darkCssVariables,
 });
+
+if (process.env.NODE_ENV === 'development') {
+  globalStyle('.undefined', {
+    border: '5px solid red !important',
+  });
+}

packages/component/src/ui/popper/popper.tsx

@@ -97,6 +97,10 @@ export const Popper = ({
     };
   });
 
+  const mergedClass = [anchorClassName, children.props.className]
+    .filter(Boolean)
+    .join(' ');
+
   return (
     <ClickAwayListener
       onClickAway={() => {
@@ -122,9 +126,11 @@ export const Popper = ({
           },
           onPointerEnter: onPointerEnterHandler,
           onPointerLeave: onPointerLeaveHandler,
-          className: `${anchorClassName ? anchorClassName + ' ' : ''}${
-            children.props.className
-          }`,
+          ...(mergedClass
+            ? {
+                className: mergedClass,
+              }
+            : {}),
         })}
         {content && (
           <BasicStyledPopper