How to use For each with createResource

[ezcamlive]

const [data, { refetch }] = createResource(fetchProducts)
<For each={data} fallback={

Loading...

}>
{(item) =>

{item()}

}

For each shows this error
Type 'Resource' is not assignable to type 'false | readonly unknown[]'.
Type 'Resource' is missing the following properties from type 'readonly unknown[]': concat, join, slice, indexOf, and 18 more.

[lxsmnsyc]

You should call data()

<For each={data()}>
  {...}
</For>

[ezcamlive]

Thanks. It works. I got help on Discord. https://playground.solidjs.com/?hash=-1089171677&version=1.2.3