feat(RP): short name

- clears react 19 peer incompatibility warning

README.md

@@ -4,14 +4,14 @@ Handy helper for components which need to have render prop.
 
 ## Installation
 
-`yarn add react-render-prop-type`
+`npm install -D react-render-prop-type`
 
 ## Description
 
 By default the `RenderProp` will extend your props with a `children` render function:
 
 ```tsx
-import { RenderProp } from 'react-render-prop-type';
+import type { RenderProp } from 'react-render-prop-type';
 
 type ColumnProps = {
   rowId: string;
@@ -20,17 +20,17 @@ type ColumnProps = {
 const Column = ({
   rowId,
   attr,
-  children /* <- default name */,
+  children /* 👈 default name */,
 }: ColumnProps &
   RenderProp<{
     data: string;
-  } /* <- props to be passed to the render function */>) => {
+  } /* 👈 props to be passed to the render function */>) => {
   const row = useFakeTable(rowId);
 
   return (
     <td>
       {children(
-        { data: row[attr] } /* <- props to be passed to the render function */
+        { data: row[attr] } /* 👈 props to be passed to the render function */
       )}
     </td>
   );
@@ -52,7 +52,7 @@ const AvatarColumn = (props: ColumnProps) => (
 Optionally, you can specify custom prop name, e.g. when you can't use the default children prop.
 
 ```tsx
-import { RenderProp } from 'react-render-prop-type';
+import type { RP } from 'react-render-prop-type'; // short version
 
 type ColumnProps = {
   rowId: string;
@@ -61,9 +61,8 @@ type ColumnProps = {
 const Column = ({
   rowId,
   attr,
-  render, // <- custom name
-}: ColumnProps &
-  RenderProp<{ data: string }, 'render' /* <- custom name */>) => {
+  render, // 👈 custom name
+}: ColumnProps & RP<{ data: string }, 'render' /* 👈 custom name */>) => {
   const row = useFakeTable(rowId); // mock example
 
   return <td>{render({ data: row[attr] })}</td>;
@@ -91,7 +90,7 @@ const AvatarColumn = (props: ColumnProps) => (
 Let's assume we are developing library component `FormField` which renders input and we want to enable our library users to decorate the input with `before` and `after` props. Both of these props receive current input value, so the before/after nodes can be styled accordingly:
 
 ```tsx
-import { RenderProp } from 'react-render-prop-type';
+import type { RenderProp } from 'react-render-prop-type';
 
 type Props = { name: string } & RenderProp<
   { value: string },