Can I pass an argument into createStore provider?

[lkdm]

Hey I really appreciate this library, and I've been enjoying the process of experimenting with it. Thank you for answering my questions so far guys.

---

I have a Zustand Context I have created.

export const createStore = (initialServices: Array<IConnectionStatus>) => 
  create<IConnectionStatusState>((set) => ({
    services: initialServices,
    //...

I want to populate it on page load, with stuff that's in the CONNECTIONS array.

<Provider createStore={createStore(CONNECTIONS)}>
            {CONNECTIONS.map((item, i) => <StatusIndicator
                  key={i}
                  service={item.name}
                  role={item.role}
                  response={item.api}
                  status="connected" />)}
          </Provider>

This throws an error. So I'm wondering, is this even possible or is it something I'm doing wrong?

Error below

Type 'UseBoundStore<IConnectionStatusState, StoreApi<IConnectionStatusState>>' is not assignable to type '() => UseBoundStore<IConnectionStatusState, StoreApi<IConnectionStatusState>>'.
  Type 'IConnectionStatusState' is not assignable to type 'UseBoundStore<IConnectionStatusState, StoreApi<IConnectionStatusState>>'.
    Type 'IConnectionStatusState' is not assignable to type '{ (): IConnectionStatusState; <U>(selector: StateSelector<IConnectionStatusState, U>, equalityFn?: EqualityChecker<U> | undefined): U; }'.
      Type 'IConnectionStatusState' provides no match for the signature '(): IConnectionStatusState'.  TS2322

    46 |            * - Alternatively, we could just wait until its instantiated, then state=array.
    47 |            */}
  > 48 |           <Provider createStore={createStore(CONNECTIONS)}>
       |                     ^
    49 |             {CONNECTIONS.map((item, i) => <StatusIndicator
    50 |                   key={i}
    51 |                   service={item.name}

[dai-shi]

You can do it, but the store is only created for the first mount. So, you want to use key.

<Provider key={SOMETHING_UNIQUE_FOR_CONNECTIONS} createStore={() => createStore(CONNECTIONS)}>

[lkdm]

Phenomenal, thank you. This answer helps so much.