[TS Error] Argument of type 'StoreEnhancer | ....' is not assignable to parameter of type 'StoreEnhancer<{}, {}> | undefined'.

[Maker-Mark]

Following the usage guide for legacy redux with middleware + ts:

import { createStore, applyMiddleware } from "redux";
import { composeWithDevTools } from "redux-devtools-expo-dev-plugin";

const store = createStore(
  reducer,
  /* preloadedState, */ composeWithDevTools(
    applyMiddleware(...middleware),
    // other store enhancers if any
  ),
);

Is giving the following TS error signifying the signature is mismatched.

Argument of type 'StoreEnhancer | ((...funcs: StoreEnhancer[]) => (...args: unknown[]) => StoreEnhancerStoreCreator<{}, {}>) | ((...args: unknown[]) => StoreEnhancerStoreCreator<{}, {}>)' is not assignable to parameter of type 'StoreEnhancer<{}, {}> | undefined'.
      Type '(...funcs: StoreEnhancer[]) => (...args: unknown[]) => StoreEnhancerStoreCreator<{}, {}>' is not assignable to type 'StoreEnhancer<{}, {}>'

The signature of @redux-devtools/extension's composeWithDevToolsDevelopmentOnly works as expected and using a similar definition as theirs fixes the TS issue.
Is this something wrong on my end or is there a legitimate ts mismatch for this?

diff --git a/node_modules/redux-devtools-expo-dev-plugin/build/devtools.d.ts b/node_modules/redux-devtools-expo-dev-plugin/build/devtools.d.ts
index 7a35a88..e658fd4 100644
--- a/node_modules/redux-devtools-expo-dev-plugin/build/devtools.d.ts
+++ b/node_modules/redux-devtools-expo-dev-plugin/build/devtools.d.ts
@@ -47,5 +47,5 @@ interface Options<S, A extends Action<string>> {
 }
 declare const _default: <S, A extends Action<string>>(options?: Options<S, A>) => StoreEnhancer;
 export default _default;
-export declare function composeWithDevTools(...funcs: [Options<unknown, Action<string>>] | StoreEnhancer[]): StoreEnhancer | ((...funcs: StoreEnhancer[]) => (...args: unknown[]) => StoreEnhancerStoreCreator<{}, {}>) | ((...args: unknown[]) => StoreEnhancerStoreCreator<{}, {}>);
+export declare function composeWithDevTools(...funcs: StoreEnhancer[] | [Options<unknown, Action<string>>]): StoreEnhancer;
 //# sourceMappingURL=devtools.d.ts.map
\ No newline at end of file

[matt-oakes]

Is it just the typing that is the issue? If you add a /// @tsignore comment does everything work as expected?

[Maker-Mark]

@matt-oakes Yes this is just a TS issue! All works as expected with/without @tsignore, and the ts issue goes away if you apply the patch.
Does that make sense?

[matt-oakes]

It does. I'm unsure if changing the library to match your patch would cause issues for other people with different setups.

For now, keep using the patch and I will investigate this next time I work on this project. Note that this might be a while as I'm currently working on client apps full time.

If anyone else can investigate if this patch causes and issues, then leave a comment or open a PR with your findings and we can get it merged.

In the meantime, thanks for reporting this issue and providing a workaround for people!

[Maker-Mark]

@matt-oakes Of course, no problem!