Can islands support shared state?

[aulneau]

Hi there! Really loving honox!

I'm experimenting with using it as a react renderer and am running into issues with islands sharing context or state. Specifically I'm trying to wrap some islands that use react query with a parent island that sets the query client context.

Should this be possible or am I misunderstanding now islands should behave?

Thanks so much!

[yusukebe]

Hi @aulneau

Thank you for using HonoX!

The sharing of states and variables between Islands is not supported. I knew there would be requests for it, but at first, we would not implement it.

We could look at that if you could create a minimal project doing what you want to archive with React Query, though I don't know if it can be done!

[aulneau]

Sure thing, here is the repo: https://github.com/aulneau/honox-react-query

I think if islands can share state, this will be such a big feature! I have spent the last few days trying out a bunch of alternative jsx/react meta frameworks, and honox is the best by far! Ideally all islands would share the same client state/env, so things like useContext work

Happy to help in whatever way I can :)

provider.tsx
query.tsx
provider in renderer
query in index route

[aulneau]

I've also noticed that islands specifically need export default function to work. I can't do a named export or a separate declaration and default export. Is that expected?

[yusukebe]

@aulneau

Thanks! I'll check it, and #80 might resolve the issue.

I've also noticed that islands specifically need export default function to work. I can't do a named export or a separate declaration and default export. Is that expected?

@usualoma suggests the PR #81 (but that is about unnamed default export, it may not be what you want)