[createResource] Fetch with multiple parameters and data reference

[rtritto]

Description

Pass to doFetch function an object that contains the current data value (the signal of createResource) and the filter (a signal).

import { type Component, createResource, createSignal } from 'solid-js'

type DoFetchParams = {
  data: Data
  filter: string
}

const doFetch = async ({ data, filter }: DoFetchParams): Data => {
  const newData = await fetch(<url>).then((res) => res.json())
  return newData as Data
}

const MyComponent: Component = () => {
  const [filter, setFilter] = createSignal<string>('')
  const [data, { refetch }] = createResource<Data, DoFetchParams>(
    doFetch,
    { initialValue: initialData }
  )
  return (
    // component that call setFilter to set filter
    <button onClick=(() => refetch({ data: data(), filter: filter() }))>
  )
}

TypeScript error in the first parameter doFetch of createResource

No overload matches this call.
  Overload 1 of 4, '(fetcher: ResourceFetcher<true, Data, DoFetchParams>, options: InitializedResourceOptions<Data, true>): InitializedResourceReturn<...>', gave the following error.
    Argument of type '({ data, filter }: DoFetchParams) => Promise<Data>' is not assignable to parameter of type 'ResourceFetcher<true, Data, DoFetchParams>'.
      Types of parameters '__0' and 'k' are incompatible.
        Type 'boolean' is not assignable to type 'DoFetchParams'.
  Overload 2 of 4, '(fetcher: ResourceFetcher<true, Data, DoFetchParams>, options?: ResourceOptions<Data, true> | undefined): ResourceReturn<...>', gave the following error.
    Argument of type '({ data, filter }: DoFetchParams) => Promise<Data>' is not assignable to parameter of type 'ResourceFetcher<true, Data, DoFetchParams>'.
      Types of parameters '__0' and 'k' are incompatible.
        Type 'boolean' is not assignable to type 'DoFetchParams'.
  Overload 3 of 4, '(source: ResourceSource<DoFetchParams>, fetcher: ResourceFetcher<DoFetchParams, Data, unknown>, options?: ResourceOptions<...> | undefined): ResourceReturn<...>', gave the following error.
    Argument of type '({ data, filter }: DoFetchParams) => Promise<Data>' is not assignable to parameter of type 'ResourceSource<DoFetchParams>'.
      Type '({ data, filter }: DoFetchParams) => Promise<Data>' is not assignable to type '() => false | DoFetchParams | null | undefined'.
        Target signature provides too few arguments. Expected 1 or more, but got 0.ts(2769)

Probably the signature of createResource with 3 parameters should be used .

[rtritto]

FYI @atk