hook comment
useToggle return array or just toggle function
createInjectionState return array [useProvidingState, useInjectedState]
createReusableTemplate return array [DefineTemplateComponent, ReuseTemplateComponent]

i've been search all packages by ai. heres' result

📊 Final Statistics

• Core Package: 15 functions (3 directly return arrays, 7 return objects containing arrays, 5 accept array parameters)
• Electron Package: 4 functions (accept array parameters)
• Firebase Package: 0 functions
• Integrations Package: 2 functions (accept array parameters)
• Math Package: 7 functions (1 directly returns array, 6 accept array parameters)
• Nuxt Package: 0 functions
• Router Package: 0 functions
• RxJS Package: 0 functions
• Shared Package: 25 functions (5 directly return arrays, 3 return tuples, 17 accept array parameters)
  Total: 53 array-related functions, where 12 directly return arrays, 3 return tuples, and 38 accept array parameters or return objects containing arrays.

it seems only these 3 hooks has tuples type return value.

however, when using hook multiple times in a scope, there may be a problem of needing to rename it.

for example:

const { useProvidingState: useProvideCountState, useInjectedState: useCountState } = createInjectionState((initialValue: number) => {
  const count = shallowRef(initialValue)
  return count
})

in this case, we needs to rename useProvidingState to a new value. it may cause a little trouble.

so for these three hooks, should we change them directly to object return form, or change them to a format compatible with both objects and arrays?

like

const [value, toggle] = useToggle()

// or destructure the return value

const { value, toggle } = useToggle()

reference to createReusableTemplate

useToggle and createInjectionState rewrite by makeDestructurable

#5071