update: hooks path in demos

programming-with-ia · programming-with-ia · commit f2cc88e4c5f7 · 2025-03-02T01:33:39.000+05:00
diff --git a/demos/useBoolean.tsx b/demos/useBoolean.tsx
@@ -1,4 +1,4 @@
-import { useBoolean } from './useBoolean'
+import { useBoolean } from './hooks/useBoolean'
 
 export default function Component() {
   const { value, setValue, setTrue, setFalse, toggle } = useBoolean(false)
diff --git a/demos/useClickAnyWhere.tsx b/demos/useClickAnyWhere.tsx
@@ -1,6 +1,6 @@
 import { useState } from 'react'
 
-import { useClickAnyWhere } from './useClickAnyWhere'
+import { useClickAnyWhere } from './hooks/useClickAnyWhere'
 
 export default function Component() {
   const [count, setCount] = useState(0)
diff --git a/demos/useCopyToClipboard.tsx b/demos/useCopyToClipboard.tsx
@@ -1,4 +1,4 @@
-import { useCopyToClipboard } from './useCopyToClipboard'
+import { useCopyToClipboard } from './hooks/useCopyToClipboard'
 
 export default function Component() {
   const [copiedText, copy] = useCopyToClipboard()
diff --git a/demos/useCountdown.tsx b/demos/useCountdown.tsx
@@ -2,7 +2,7 @@ import { useState } from 'react'
 
 import type { ChangeEvent } from 'react'
 
-import { useCountdown } from './useCountdown'
+import { useCountdown } from './hooks/useCountdown'
 
 export default function Component() {
   const [intervalValue, setIntervalValue] = useState<number>(1000)
diff --git a/demos/useCounter.tsx b/demos/useCounter.tsx
@@ -1,4 +1,4 @@
-import { useCounter } from './useCounter'
+import { useCounter } from './hooks/useCounter'
 
 export default function Component() {
   const { count, setCount, increment, decrement, reset } = useCounter(0)
diff --git a/demos/useDarkMode.tsx b/demos/useDarkMode.tsx
@@ -1,4 +1,4 @@
-import { useDarkMode } from './useDarkMode'
+import { useDarkMode } from './hooks/useDarkMode'
 
 export default function Component() {
   const { isDarkMode, toggle, enable, disable } = useDarkMode()
diff --git a/demos/useDebounceCallback.tsx b/demos/useDebounceCallback.tsx
@@ -1,6 +1,6 @@
 import { useState } from 'react'
 
-import { useDebounceCallback } from './useDebounceCallback'
+import { useDebounceCallback } from './hooks/useDebounceCallback'
 
 export default function Component() {
   const [value, setValue] = useState('')
diff --git a/demos/useDebounceValue.tsx b/demos/useDebounceValue.tsx
@@ -1,4 +1,4 @@
-import { useDebounceValue } from './useDebounceValue'
+import { useDebounceValue } from './hooks/useDebounceValue'
 
 export default function Component({ defaultValue = 'John' }) {
   const [debouncedValue, setValue] = useDebounceValue(defaultValue, 500)
diff --git a/demos/useDocumentTitle.tsx b/demos/useDocumentTitle.tsx
@@ -1,4 +1,4 @@
-import { useDocumentTitle } from './useDocumentTitle'
+import { useDocumentTitle } from './hooks/useDocumentTitle'
 
 export default function Component() {
   useDocumentTitle('foo bar')
diff --git a/demos/useEventCallback.tsx b/demos/useEventCallback.tsx
@@ -1,4 +1,4 @@
-import { useEventCallback } from './useEventCallback'
+import { useEventCallback } from './hooks/useEventCallback'
 
 export default function Component() {
   const handleClick = useEventCallback(event => {
diff --git a/demos/useEventListener.tsx b/demos/useEventListener.tsx
@@ -1,6 +1,6 @@
 import { useRef } from 'react'
 
-import { useEventListener } from './useEventListener'
+import { useEventListener } from './hooks/useEventListener'
 
 export default function Component() {
   // Define button ref
diff --git a/demos/useHover.tsx b/demos/useHover.tsx
@@ -1,6 +1,6 @@
 import { useRef } from 'react'
 
-import { useHover } from './useHover'
+import { useHover } from './hooks/useHover'
 
 export default function Component() {
   const hoverRef = useRef(null)
diff --git a/demos/useIntersectionObserver.tsx b/demos/useIntersectionObserver.tsx
@@ -1,4 +1,4 @@
-import { useIntersectionObserver } from './useIntersectionObserver'
+import { useIntersectionObserver } from './hooks/useIntersectionObserver'
 
 const Section = (props: { title: string }) => {
   const { isIntersecting, ref } = useIntersectionObserver({
diff --git a/demos/useInterval.tsx b/demos/useInterval.tsx
@@ -2,7 +2,7 @@ import { useState } from 'react'
 
 import type { ChangeEvent } from 'react'
 
-import { useInterval } from './useInterval'
+import { useInterval } from './hooks/useInterval'
 
 export default function Component() {
   // The counter
diff --git a/demos/useIsClient.tsx b/demos/useIsClient.tsx
@@ -1,4 +1,4 @@
-import { useIsClient } from './useIsClient'
+import { useIsClient } from './hooks/useIsClient'
 
 export default function Component() {
   const isClient = useIsClient()
diff --git a/demos/useIsMounted.tsx b/demos/useIsMounted.tsx
@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react'
 
-import { useIsMounted } from './useIsMounted'
+import { useIsMounted } from './hooks/useIsMounted'
 
 const delay = (ms: number) => new Promise(resolve => setTimeout(resolve, ms))
 
diff --git a/demos/useIsomorphicLayoutEffect.tsx b/demos/useIsomorphicLayoutEffect.tsx
@@ -1,4 +1,4 @@
-import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect'
+import { useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayoutEffect'
 
 export default function Component() {
   useIsomorphicLayoutEffect(() => {
diff --git a/demos/useLocalStorage.tsx b/demos/useLocalStorage.tsx
@@ -1,4 +1,4 @@
-import { useLocalStorage } from './useLocalStorage'
+import { useLocalStorage } from './hooks/useLocalStorage'
 
 export default function Component() {
   const [value, setValue, removeValue] = useLocalStorage('test-key', 0)
diff --git a/demos/useMap.tsx b/demos/useMap.tsx
@@ -1,6 +1,6 @@
 import { Fragment } from 'react'
 
-import { useMap } from './useMap'
+import { useMap } from './hooks/useMap'
 
 export default function Component() {
   const [map, actions] = useMap<string, string>([['key', '🆕']])
diff --git a/demos/useMediaQuery.tsx b/demos/useMediaQuery.tsx
@@ -1,4 +1,4 @@
-import { useMediaQuery } from './useMediaQuery'
+import { useMediaQuery } from './hooks/useMediaQuery'
 
 export default function Component() {
   const matches = useMediaQuery('(min-width: 768px)')
diff --git a/demos/useOnClickOutside.tsx b/demos/useOnClickOutside.tsx
@@ -1,6 +1,6 @@
 import { useRef } from 'react'
 
-import { useOnClickOutside } from './useOnClickOutside'
+import { useOnClickOutside } from './hooks/useOnClickOutside'
 
 export default function Component() {
   const ref = useRef(null)
diff --git a/demos/useReadLocalStorage.tsx b/demos/useReadLocalStorage.tsx
@@ -1,4 +1,4 @@
-import { useReadLocalStorage } from './useReadLocalStorage'
+import { useReadLocalStorage } from './hooks/useReadLocalStorage'
 
 export default function Component() {
   // Assuming a value was set in localStorage with this key
diff --git a/demos/useResizeObserver.tsx b/demos/useResizeObserver.tsx
@@ -1,7 +1,7 @@
 import { useRef, useState } from 'react'
 
 import { useDebounceCallback } from '../useDebounceCallback'
-import { useResizeObserver } from './useResizeObserver'
+import { useResizeObserver } from './hooks/useResizeObserver'
 
 type Size = {
   width?: number
diff --git a/demos/useScreen.tsx b/demos/useScreen.tsx
@@ -1,4 +1,4 @@
-import { useScreen } from './useScreen'
+import { useScreen } from './hooks/useScreen'
 
 export default function Component() {
   const screen = useScreen()
diff --git a/demos/useScript.tsx b/demos/useScript.tsx
@@ -1,6 +1,6 @@
 import { useEffect } from 'react'
 
-import { useScript } from './useScript'
+import { useScript } from './hooks/useScript'
 
 // it's an example, use your types instead
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
diff --git a/demos/useScrollLock.tsx b/demos/useScrollLock.tsx
@@ -1,4 +1,4 @@
-import { useScrollLock } from './useScrollLock'
+import { useScrollLock } from './hooks/useScrollLock'
 
 // Example 1: Auto lock the scroll of the body element when the modal mounts
 export default function Modal() {
diff --git a/demos/useSessionStorage.tsx b/demos/useSessionStorage.tsx
@@ -1,4 +1,4 @@
-import { useSessionStorage } from './useSessionStorage'
+import { useSessionStorage } from './hooks/useSessionStorage'
 
 export default function Component() {
   const [value, setValue, removeValue] = useSessionStorage('test-key', 0)
diff --git a/demos/useStep.tsx b/demos/useStep.tsx
@@ -1,4 +1,4 @@
-import { useStep } from './useStep'
+import { useStep } from './hooks/useStep'
 
 export default function Component() {
   const [currentStep, helpers] = useStep(5)
diff --git a/demos/useTernaryDarkMode.tsx b/demos/useTernaryDarkMode.tsx
@@ -1,4 +1,4 @@
-import { useTernaryDarkMode } from './useTernaryDarkMode'
+import { useTernaryDarkMode } from './hooks/useTernaryDarkMode'
 
 type TernaryDarkMode = ReturnType<typeof useTernaryDarkMode>['ternaryDarkMode']
 
diff --git a/demos/useTimeout.tsx b/demos/useTimeout.tsx
@@ -1,6 +1,6 @@
 import { useState } from 'react'
 
-import { useTimeout } from './useTimeout'
+import { useTimeout } from './hooks/useTimeout'
 
 export default function Component() {
   const [visible, setVisible] = useState(true)
diff --git a/demos/useToggle.tsx b/demos/useToggle.tsx
@@ -1,4 +1,4 @@
-import { useToggle } from './useToggle'
+import { useToggle } from './hooks/useToggle'
 
 export default function Component() {
   const [value, toggle, setValue] = useToggle()
diff --git a/demos/useUnmount.tsx b/demos/useUnmount.tsx
@@ -1,4 +1,4 @@
-import { useUnmount } from './useUnmount'
+import { useUnmount } from './hooks/useUnmount'
 
 export default function Component() {
   useUnmount(() => {
diff --git a/demos/useWindowSize.tsx b/demos/useWindowSize.tsx
@@ -1,4 +1,4 @@
-import { useWindowSize } from './useWindowSize'
+import { useWindowSize } from './hooks/useWindowSize'
 
 export default function Component() {
   const { width = 0, height = 0 } = useWindowSize()

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { useBoolean } from './useBoolean'`
	`1`	`+import { useBoolean } from './hooks/useBoolean'`
`2`	`2`
`3`	`3`	`export default function Component() {`
`4`	`4`	`const { value, setValue, setTrue, setFalse, toggle } = useBoolean(false)`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { useCopyToClipboard } from './useCopyToClipboard'`
	`1`	`+import { useCopyToClipboard } from './hooks/useCopyToClipboard'`
`2`	`2`
`3`	`3`	`export default function Component() {`
`4`	`4`	`const [copiedText, copy] = useCopyToClipboard()`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { useCounter } from './useCounter'`
	`1`	`+import { useCounter } from './hooks/useCounter'`
`2`	`2`
`3`	`3`	`export default function Component() {`
`4`	`4`	`const { count, setCount, increment, decrement, reset } = useCounter(0)`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { useDarkMode } from './useDarkMode'`
	`1`	`+import { useDarkMode } from './hooks/useDarkMode'`
`2`	`2`
`3`	`3`	`export default function Component() {`
`4`	`4`	`const { isDarkMode, toggle, enable, disable } = useDarkMode()`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { useDebounceValue } from './useDebounceValue'`
	`1`	`+import { useDebounceValue } from './hooks/useDebounceValue'`
`2`	`2`
`3`	`3`	`export default function Component({ defaultValue = 'John' }) {`
`4`	`4`	`const [debouncedValue, setValue] = useDebounceValue(defaultValue, 500)`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { useDocumentTitle } from './useDocumentTitle'`
	`1`	`+import { useDocumentTitle } from './hooks/useDocumentTitle'`
`2`	`2`
`3`	`3`	`export default function Component() {`
`4`	`4`	`useDocumentTitle('foo bar')`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { useEventCallback } from './useEventCallback'`
	`1`	`+import { useEventCallback } from './hooks/useEventCallback'`
`2`	`2`
`3`	`3`	`export default function Component() {`
`4`	`4`	`const handleClick = useEventCallback(event => {`