feat: 🎸 add hookToRenderProp

Author: streamich

src/hookToRenderProp.ts

@@ -0,0 +1,12 @@
+import {FC} from 'react';
+import render from './render';
+
+export type MapPropsToArgs<Props extends {}, Args extends any[]> = (props: Props) => Args;
+export type CreateRenderProp = <Props extends {}, Args extends any[], State extends any>(hook: (...args: Args) => State, mapPropsToArgs?: MapPropsToArgs<Props, Args>) => FC<Props>;
+
+const defaultMapPropsToArgs = props => [props];
+
+const hookToRenderProp: CreateRenderProp = (hook, mapPropsToArgs = defaultMapPropsToArgs as any) =>
+    props => render(props, hook(...mapPropsToArgs(props)));
+
+export default hookToRenderProp;

src/index.ts

@@ -1,5 +1,6 @@
 import render from './render';
 import createEnhancer from './createEnhancer';
+import hookToRenderProp from './hookToRenderProp';
 
 export interface UniversalProps<Data> {
     children?: ((data: Data) => React.ReactNode) | React.ReactNode;
@@ -11,4 +12,5 @@ export interface UniversalProps<Data> {
 export {
     render,
     createEnhancer,
+    hookToRenderProp,
 };