Documentation for stencil apollo not complete and helpful

[DaSchTour]

I tried to use Stencil-Apollo with codegen but somehow I'm completely lost. Generating works fine but somehow no queries are dispatched and stencil throws errors about vNode.

"vNode passed as children has unexpected type.
Make sure it's using the correct h() function.
Empty objects can also be the cause, look for JSX comments that became objects."

I have no idea what that means and how to fix this.
The documentation for stencil somehow stops at the most important point.

The documentation includes the component like this

<TestComponent variables={...}>
    ...
</TestComponent>

But I have no clue how the ... should look like. How do I get the data from my query?

I have something like this, but that doesn't work at all

<SearchComponent variables={variables}>
          {({ data }) => (
            <div>
              {data.searchPublicAssets.items.map((item) => (
                <div>{item.name}</div>
              ))}
            </div>
          )}
</SearchComponent>