Struggling with Typing Function for Dependency Injection in effect-ts with React

export type WebRuntime = Runtime.Runtime<Service1 | Service2 | ...>

export declare function useRuntime():WebRuntime

export const useEnvrionment = (args) => {
 const runtime = useRuntime();
 return pipe(
   Effect.all(args),
   Runtime.runSync(runtime)
 )
}

export type WebRuntime = Runtime.Runtime<Service1 | Service2 | ...>

export declare function useRuntime():WebRuntime

export const useEnvrionment = (args) => {
 const runtime = useRuntime();
 return pipe(
   Effect.all(args),
   Runtime.runSync(runtime)
 )
}

const deps = {
 Link: Link.tag,
 config: AppConfig.tag
}
const Component = () => {
  const {Link, config} = useEnvironment(deps)

  return <Link href={`${config.something}`}> Whatever </Link>
}

const deps = {
 Link: Link.tag,
 config: AppConfig.tag
}
const Component = () => {
  const {Link, config} = useEnvironment(deps)

  return <Link href={`${config.something}`}> Whatever </Link>
}