make type NamedSet compatible with type SetState

[zgid123]

According to #434, we are having issue with typescript when combining devtool with persist middleware.

The main issue is because NamedSet and SetState are not compatible, so I think we can temporary make them compatible.

I already added some codes to test the type for middleware use case only. And also add immer as devDependency for testing (not sure this is a way, I will remove if it's not suitable).

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit ad16a4e:

Sandbox	Source
React	Configuration
React Typescript	Configuration

[dai-shi]

This change looks good.

[zgid123]

I updated the test file. Not sure if we can combine devtool, persist and immer or not. Can anyone helps to provide a usage?

I think something like this right?

const createStoreWithImmer = <T extends State>(
    createState: TImmerConfig<T>,
    prefix = 'prefix',
    persistName = 'persist'
  ): UseStore<T> & ISelectors<T> => {
    return createSelectorHooks(
      create(
        devtools(persist(immer(createState), { name: persistName }), prefix)
      )
    )
  }

[dai-shi]

Is this related with #216?
#212, #331, #411 are also in the same domain?

I know typing with middleware has been not ideal and, v3.5.* kind of revealed it. #428 is another effort.

I appreciate for your work and hope anyone can jump in.

[dai-shi]

@TkDodo Do you think OK to merge this? Can review?

[zgid123]

I tried to solve other issues, but still no luck. Will update it if I can solve any issue

[dai-shi]

@zgid123 This PR itself is ready for review and merge, right?

[zgid123]

Yup, this is for #434

[dai-shi]

Thanks, everyone.