Usage
\n\n##### Define a Component that render a `FunctionChildren`\n\n```tsx\n'use client'\n\nimport { useState } from 'react'\nimport { childrenFn, type FunctionChildren } from '@alessiofrittoli/react-api'\n// or\nimport { childrenFn, type FunctionChildren } from '@alessiofrittoli/react-api/utils'\n\ninterface ComponentProps\n{\n children?: FunctionChildren<[ state: boolean ]>\n}\n\nconst Component: React.FC\n { childrenFn( children, state ) }\n \n )\n}\n```\n\n---\n\n##### Use a Component that accepts a `FunctionChildren`\n\n```tsx\n'use client'\n\nconst Component2: React.FC = () => {\n\n return (\n \n \n
\n","readmeFilename":"README.md"}
\n \n { ( state ) => {\n return (\n \n {/* multiple children accepted too */}\n \n { ( state ) => {\n return (\n \n
\n )\n}\n```\n\n\n\n---\n\n### Development\n\n#### Install depenendencies\n\n```bash\nnpm install\n```\n\nor using `pnpm`\n\n```bash\npnpm i\n```\n\n#### Build the source code\n\nRun the following command to test and build code for distribution.\n\n```bash\npnpm build\n```\n\n#### [ESLint](https://www.npmjs.com/package/eslint)\n\nwarnings / errors check.\n\n```bash\npnpm lint\n```\n\n#### [Jest](https://npmjs.com/package/jest)\n\nRun all the defined test suites by running the following:\n\n```bash\n# Run tests and watch file changes.\npnpm test:watch\n\n# Run tests in a CI environment.\npnpm test:ci\n```\n\n- See [`package.json`](./package.json) file scripts for more info.\n\nRun tests with coverage.\n\nAn HTTP server is then started to serve coverage files from `./coverage` folder.\n\nâ ď¸ You may see a blank page the first time you run this command. Simply refresh the browser to see the updates.\n\n```bash\ntest:coverage:serve\n```\n\n---\n\n### Contributing\n\nContributions are truly welcome!\n\nPlease refer to the [Contributing Doc](./CONTRIBUTING.md) for more information on how to start contributing to this project.\n\nHelp keep this project up to date with [GitHub Sponsor][sponsor-url].\n\n[![GitHub Sponsor][sponsor-badge]][sponsor-url]\n\n---\n\n### Security\n\nIf you believe you have found a security vulnerability, we encourage you to **_responsibly disclose this and NOT open a public issue_**. We will investigate all legitimate reports. Email `security@alessiofrittoli.it` to disclose any security vulnerabilities.\n\n### Made with â\n\nchildren has access to `state` - { state }
\n )\n } }\n children has access to `state` - { state }
\n )\n } }\n { ( state ) => {\n return (\n multiple children are accepted too
\n )\n } }\n Another React.JSX.Element
\n \n  \n | \n \n
| \n