From 2ebfd12a37e4b51add0ca6fbfe57588e4b658943 Mon Sep 17 00:00:00 2001
From: andrew <andrew@channel.io>
Date: Wed, 10 Jan 2024 14:12:56 +0900
Subject: [PATCH] feat(test): resolve warning message during test

---
 .../src/components/Forms/RadioGroup/RadioGroup.tsx            | 2 +-
 .../components/Forms/SegmentedControl/SegmentedControl.tsx    | 4 +++-
 packages/bezier-react/src/components/Forms/Switch/Switch.tsx  | 1 +
 packages/bezier-react/src/features/FeatureProvider.tsx        | 3 ++-
 4 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/bezier-react/src/components/Forms/RadioGroup/RadioGroup.tsx b/packages/bezier-react/src/components/Forms/RadioGroup/RadioGroup.tsx
index 1e4131b647..d6925f89d5 100644
--- a/packages/bezier-react/src/components/Forms/RadioGroup/RadioGroup.tsx
+++ b/packages/bezier-react/src/components/Forms/RadioGroup/RadioGroup.tsx
@@ -13,7 +13,7 @@ function RadioGroupImpl<Value extends string>({
   direction = 'vertical',
   ...rest
 }: RadioGroupProps<Value>, forwardedRef: React.Ref<HTMLDivElement>) {
-  const formFieldProps = useFormFieldProps(rest)
+  const { hasError, ...formFieldProps } = useFormFieldProps(rest)
 
   return (
     <RadioGroupPrimitive.Root
diff --git a/packages/bezier-react/src/components/Forms/SegmentedControl/SegmentedControl.tsx b/packages/bezier-react/src/components/Forms/SegmentedControl/SegmentedControl.tsx
index 2228dc316d..7d28515474 100644
--- a/packages/bezier-react/src/components/Forms/SegmentedControl/SegmentedControl.tsx
+++ b/packages/bezier-react/src/components/Forms/SegmentedControl/SegmentedControl.tsx
@@ -1,4 +1,5 @@
 import React, {
+  type ForwardedRef,
   forwardRef,
   useEffect,
   useMemo,
@@ -63,7 +64,7 @@ function SegmentedControlItemListImpl<
   style,
   className,
   ...rest
-}: SegmentedControlItemListProps<Type, Value>) {
+}: SegmentedControlItemListProps<Type, Value>, forwardedRef: ForwardedRef<HTMLDivElement>) {
   const [selectedItemIndex, setSelectedItemIndex] = useState<number | null>(null)
 
   const {
@@ -83,6 +84,7 @@ function SegmentedControlItemListImpl<
   return (
     <SegmentedControlItemList
       asChild
+      ref={forwardedRef}
       {...rest}
     >
       <HStack
diff --git a/packages/bezier-react/src/components/Forms/Switch/Switch.tsx b/packages/bezier-react/src/components/Forms/Switch/Switch.tsx
index 0d5a476e16..c53a922354 100644
--- a/packages/bezier-react/src/components/Forms/Switch/Switch.tsx
+++ b/packages/bezier-react/src/components/Forms/Switch/Switch.tsx
@@ -49,6 +49,7 @@ export const Switch = forwardRef<HTMLButtonElement, SwitchProps>(function Switch
   const {
     disabled,
     required,
+    hasError,
     ...ownProps
   } = useFormFieldProps(rest)
 
diff --git a/packages/bezier-react/src/features/FeatureProvider.tsx b/packages/bezier-react/src/features/FeatureProvider.tsx
index acc0091b39..1e5c265366 100644
--- a/packages/bezier-react/src/features/FeatureProvider.tsx
+++ b/packages/bezier-react/src/features/FeatureProvider.tsx
@@ -5,6 +5,7 @@ import React, {
 } from 'react'
 
 import { createContext } from '~/src/utils/react'
+import { isEmpty } from '~/src/utils/type'
 
 import {
   type Feature,
@@ -48,7 +49,7 @@ export function FeatureProvider({
   const [featureFlag, setFeatureFlag] = useState<FeatureFlag>(initialFeatureFlag)
 
   useLayoutEffect(function activateFeatures() {
-    if (!features) {
+    if (isEmpty(features)) {
       return
     }