Best way to combine stores in multiple files

[sepehr500]

Does anybody have a good way of combining multiple smaller stores in multiple files into a single store?

[dai-shi]

You can combine multiple store creators into a single one to create a store.

import createStoreA from '...'
import createStoreB from '...'

const useStore = create((set, get, api) => ({
  ...createStoreA(set, get, api),
  ...createStoreB(set, get, api),
}))

Disclaimer: I didn't test it.

[sepehr500]

Nice! Any idea how the types would work?

[dai-shi]

Good question. I'd expect it would work with type annotation, but not sure if type inference would work. Please give it a try.

[sepehr500]

It works! thanks.

[victorwpbastos]

It works! thanks.

How did you make it work with types?

[FlorianGoussin]

Hello, I know this issue is closed, but I tried to follow the solution that seems to work for sepehr500 and I ended up with some errors. I started a thread on stackoverflow:
https://stackoverflow.com/questions/76444458/combine-two-stores-with-react-and-zustang
Could someone help me with that?

[dbritto-dev]

Hello, I know this issue is closed, but I tried to follow the solution that seems to work for sepehr500 and I ended up with some errors. I started a thread on stackoverflow:
https://stackoverflow.com/questions/76444458/combine-two-stores-with-react-and-zustang
Could someone help me with that?

@FlorianGoussin please create a discussion so I can help you on that thread