Repository navigation
Pipe function + React.memo returns component with any props #38930
Description
Activity
What's the definition of
memo?If someone can provide an isolated repro we can investigate
Ryan Cavanaugh (@RyanCavanaugh) Hope this helps:
// The presence of any overloads confuses inference, leave just one of them in and everything works declare function memo<T>(Component: T): T; declare function memo<T>(Component: T): T; declare function pipeWith<A, B>(a: A, ab: (a: A) => B): B; type Props = { foo: number }; declare const MyComponent: Props; // ✅ correct props type // Props const r1 = memo(MyComponent); // ❌ `unknown` props type // unknown const r2 = pipeWith(MyComponent, memo); // Workaround // ✅ correct props type // Props const r3 = pipeWith(MyComponent, (C) => memo(C));
Just the presence of any overloads will confuse the inference on the original use case. Leave just the one signature and everything works as expected.
Reacted by Oliver Joseph AshRyan Cavanaugh (@RyanCavanaugh) here's a reproduction
3 remaining items
TypeScript Version: 3.9.2
Search Terms: generic pipe pipeWith react memo HOC props any
Code
Using latest version of
@types/react(at the time of writing: 16.9.35).Expected behavior:
See above.
Actual behavior:
See above.
Playground Link:
https://stackblitz.com/edit/react-ts-4ih6jn
Related Issues:
#25637, although that was closed as a duplicate of an issue which has since been closed (#10957), so I decided to post a new issue.