I can't get context to work without a run time error.

[veggie2u]

I started the project with the Typescript starter. I was creating my own context and keep getting the xxxx must have a '[Symbol.iterator]()' method that returns an iterator. error that I saw a couple of others have. I was getting this error at runtime both localhost and deployed. I found this playground but was getting the error her too. When you look at this example in the playground, the useCounter still has typescript complaining. For me, it was fine in VsCode, but not when I ran it. I gave up and tried to do this with just jsx, no types using the counter example from the docs Now I get Uncaught (in promise) TypeError: useCounter is not a function or its return value is not iterable

[lxsmnsyc]

xxxx must have a '[Symbol.iterator]()' method that returns an iterator.

This only happens when there's an attempt to destructure a non-array value. It's more likely that the Context isn't detected.

When you look at this example in the playground, the useCounter still has typescript complaining.

Destructuring without type-elimation causes this. Take note that useContext can return undefined.

It would be more helpful to know what your current code looks like.

[veggie2u]

Destructuring without type-elimation causes this. Take note that useContext can return undefined.

Ah! I wasn't understanding that the error message was coming from the fact that useContext could return undefined. So, how do we fix this? I now see that in the typescript guide it talks about this. It mentions adding a ! to the useFunction. It also says this is bad. Is there a way we could actually get undefined here? Is there a better solution?

I did create a repo with just the SolidJS ts template, and a counter context example here I got the error without the !, and it disappears with it.

[lxsmnsyc]

So, how do we fix this?

Check first if useContext returns undefined then throw.

const ctx = useContext(MyContext);
if (ctx) {
  return ctx;
}
throw new Error('Missing MyContext');

[0bTim]

This worked for me. A combination of what was in the repo along with @lxsmnsyc's comment. Thanks both.