@xyo-network/react-appbar 3.0.1 → 3.0.3

package/src/contexts/Collapsible/provider.tsx

@@ -1,5 +1,5 @@
-import { WithChildren } from '@xylabs/react-shared'
-import React, { useEffect, useState } from 'react'
+import type { WithChildren } from '@xylabs/react-shared'
+import React, { useState } from 'react'
 
 import { CollapsibleContext } from './context.ts'
 
@@ -8,21 +8,18 @@ export interface CollapsibleProviderProps extends WithChildren {
   defaultCollapseEnd?: boolean
 }
 
-export const CollapsibleProvider: React.FC<CollapsibleProviderProps> = ({ defaultCollapse = false, defaultCollapseEnd = false, children }) => {
-  const [collapse, setCollapse] = useState(defaultCollapse)
-  const [collapseEnd, setCollapseEnd] = useState(defaultCollapseEnd)
-
-  useEffect(() => {
-    setCollapse(defaultCollapse)
-  }, [defaultCollapse])
-
-  useEffect(() => {
-    setCollapseEnd(defaultCollapseEnd)
-  }, [defaultCollapseEnd])
+export const CollapsibleProvider: React.FC<CollapsibleProviderProps> = ({
+  defaultCollapse = false, defaultCollapseEnd = false, children,
+}) => {
+  const [collapse, setCollapse] = useState(() => defaultCollapse)
+  const [collapseEnd, setCollapseEnd] = useState(() => defaultCollapseEnd)
 
   return (
     // eslint-disable-next-line @eslint-react/no-unstable-context-value
-    <CollapsibleContext.Provider value={{ collapse, collapseEnd, provided: true, setCollapse, setCollapseEnd }}>
+    <CollapsibleContext.Provider value={{
+      collapse, collapseEnd, provided: true, setCollapse, setCollapseEnd,
+    }}
+    >
       {children}
     </CollapsibleContext.Provider>
   )

package/xy.config.ts

@@ -1,9 +1,7 @@
-import { XyTsupConfig } from '@xylabs/ts-scripts-yarn3'
+import type { XyTsupConfig } from '@xylabs/ts-scripts-yarn3'
 const config: XyTsupConfig = {
   compile: {
-    browser: {
-      src: true,
-    },
+    browser: { src: true },
     node: {},
     neutral: {},
   },