fix react dom attribute warning

Author: lerte

apps/docs/src/usages/navigation/navigation-rail.tsx

@@ -21,5 +21,12 @@ export default () => {
     }
   ]
 
-  return <NavigationRail items={items} />
+  return (
+    <NavigationRail
+      items={items}
+      value={1}
+      defaultValue={0}
+      setValue={(value) => console.log(value)}
+    />
+  )
 }

packages/actify/package.json

@@ -1,6 +1,6 @@
 {
   "name": "actify",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "license": "MIT",
   "author": "Lerte Smith",
   "keywords": [

packages/actify/src/components/NavigationRail/NavigationRail.tsx

@@ -41,14 +41,23 @@ const Item = (props: Item) => {
 }
 
 const NavigationRail = (props: NavigationRailProps) => {
-  const { value, defaultValue, setValue } = props
+  const {
+    menu,
+    value,
+    children,
+    className,
+    items = [],
+    defaultValue,
+    setValue,
+    ...rest
+  } = props
+
   const [activeIndex, setActiveIndex] = useControllableState({
     value,
     defaultValue,
     onChange: setValue
   })
 
-  const { children, className, menu, items = [], ...rest } = props
   return (
     <div {...rest} className={clsx(styles['root'], className)}>
       {/* Menu icon (optional) */}