fix(react): fix type inference in useInjectable

packages/react/src/use-injectable.spec.tsx

@@ -6,6 +6,15 @@ import { suppressConsoleError } from './utils'
 import { DependenciesProvider } from './dependencies-provider'
 
 describe('useInjectable', () => {
+  it('infers the type correctly', () => {
+    const value = injectable(() => 123)
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const Component = () => {
+      // $ExpectType number
+      const v = useInjectable(value)
+      return v
+    }
+  })
   it('throws if called not within DependenciesProvider subtree', () => {
     const dispose = suppressConsoleError()
     const value = injectable(() => 123)

packages/react/src/use-injectable.tsx

@@ -1,15 +1,18 @@
 import {
   Injectable,
   InjectableDependencies,
+  InjectableValue,
   UnknownDependencyTree,
 } from '@injectable-ts/core'
 import { useContext, useMemo } from 'react'
 import { context } from './context'
 
 export function useInjectable<
-  Input extends Injectable<UnknownDependencyTree, Value>,
-  Value
->(input: Input, overrides?: Partial<InjectableDependencies<Input>>): Value {
+  Input extends Injectable<UnknownDependencyTree, unknown>
+>(
+  input: Input,
+  overrides?: Partial<InjectableDependencies<Input>>
+): InjectableValue<Input> {
   const dependencies = useContext(context)
   if (dependencies === undefined) {
     throw new Error(
@@ -18,11 +21,12 @@ export function useInjectable<
   }
   return useMemo(
     () =>
+      // eslint-disable-next-line no-restricted-syntax
       input(
         overrides === undefined
           ? dependencies
           : { ...dependencies, ...overrides }
-      ),
+      ) as InjectableValue<Input>,
     [dependencies, overrides, input]
   )
 }