{"id":22846486,"url":"https://github.com/cyntler/render-with-react17","last_synced_at":"2025-03-31T05:41:19.010Z","repository":{"id":54820569,"uuid":"522575616","full_name":"cyntler/render-with-react17","owner":"cyntler","description":"A simple util component to render components incompatible with React 18.x.","archived":false,"fork":false,"pushed_at":"2022-10-12T17:36:46.000Z","size":977,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-28T17:57:45.394Z","etag":null,"topics":["react","react-component","react-library","react-renderer","react17"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/cyntler.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-08-08T14:09:23.000Z","updated_at":"2022-08-09T19:14:15.000Z","dependencies_parsed_at":"2022-08-14T03:50:27.472Z","dependency_job_id":null,"html_url":"https://github.com/cyntler/render-with-react17","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cyntler%2Frender-with-react17","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cyntler%2Frender-with-react17/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cyntler%2Frender-with-react17/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cyntler%2Frender-with-react17/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cyntler","download_url":"https://codeload.github.com/cyntler/render-with-react17/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246423494,"owners_count":20774796,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["react","react-component","react-library","react-renderer","react17"],"created_at":"2024-12-13T03:29:16.463Z","updated_at":"2025-03-31T05:41:18.991Z","avatar_url":"https://github.com/cyntler.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"[![npm-version](https://img.shields.io/npm/v/render-with-react17.svg)](https://www.npmjs.com/package/render-with-react17)\n[![npm-download](https://img.shields.io/npm/dt/render-with-react17.svg)](https://www.npmjs.com/package/render-with-react17)\n\n# render-with-react17\n\nA simple util component to render components incompatible with React 18.x.\n\n\u003e This library was created to facilitate the migration of applications to React 18, in case not all components that you use in your application (mainly external) already work with the new version of React.\n\n## Installation\n\nTo install the hook you can use npm:\n\n```sh\nnpm i render-with-react17\n```\n\nor Yarn if you prefer:\n\n```sh\nyarn add render-with-react17\n```\n\n## Usage\n\nThe first step is to import the component:\n\n```jsx\nimport { RenderWithReact17 } from 'render-with-react17';\n```\n\nThen move the rendering of the component that does not work inside the node `RenderWithReact17`.\n\n```jsx\nconst Component = () =\u003e (\n  \u003cRenderWithReact17\u003e\n    \u003cNotWorkingComponent /\u003e\n  \u003c/RenderWithReact17\u003e\n);\n```\n\nThe important thing is to render in this way only the **final component**, which has no type dependency such as global state management - context, store, etc.\n\nThis means that passing state via the `RenderWithReact17` component does not work at the moment. If a component inside `RenderWithReact17` uses e.g. `useContext` - this will not work. Therefore it is important to use this library to render components which all data receives with `props`.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcyntler%2Frender-with-react17","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcyntler%2Frender-with-react17","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcyntler%2Frender-with-react17/lists"}