Update local testing script and resolve errors

app/components/ToggleGroup/ToggleGroup.container.tsx

@@ -119,7 +119,6 @@ const ToggleGroupContainer = memo(
     return (
       <ToggleGroupView
         groupId={groupId}
-        children={children}
         className={className}
         position={position}
         state={state}
@@ -131,7 +130,9 @@ const ToggleGroupContainer = memo(
         onFocus={handleFocus}
         onBlur={handleBlur}
         {...rest}
-      />
+      >
+        {children}
+      </ToggleGroupView>
     );
   }),
 );

app/components/ToggleGroup/ToggleGroup.types.ts

@@ -1,5 +1,7 @@
-export interface ToggleGroupProps
-  extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange"> {
+export interface ToggleGroupProps extends Omit<
+  React.ButtonHTMLAttributes<HTMLButtonElement>,
+  "onChange"
+> {
   children?: React.ReactNode;
   className?: string;
   position?: "left" | "middle" | "right";
@@ -24,8 +26,8 @@ export interface ToggleGroupViewProps {
   showText: boolean;
   ariaLabel?: string;
   toggleClasses: string;
-  onClick: (e: React.MouseEvent<HTMLButtonElement>) => void;
-  onKeyDown: (e: React.KeyboardEvent<HTMLButtonElement>) => void;
-  onFocus: (e: React.FocusEvent<HTMLButtonElement>) => void;
-  onBlur: (e: React.FocusEvent<HTMLButtonElement>) => void;
+  onClick: (_e: React.MouseEvent<HTMLButtonElement>) => void;
+  onKeyDown: (_e: React.KeyboardEvent<HTMLButtonElement>) => void;
+  onFocus: (_e: React.FocusEvent<HTMLButtonElement>) => void;
+  onBlur: (_e: React.FocusEvent<HTMLButtonElement>) => void;
 }

app/components/ToggleGroup/ToggleGroup.view.tsx

@@ -3,9 +3,9 @@ import type { ToggleGroupViewProps } from "./ToggleGroup.types";
 export function ToggleGroupView({
   groupId,
   children,
-  className,
-  position,
-  state,
+  className: _className,
+  position: _position,
+  state: _state,
   showText,
   ariaLabel,
   toggleClasses,