{"id":28909249,"url":"https://github.com/stripe/react-connect-js","last_synced_at":"2026-04-03T03:01:34.026Z","repository":{"id":161238561,"uuid":"617195229","full_name":"stripe/react-connect-js","owner":"stripe","description":"React components for Connect.js and Connect embedded components","archived":false,"fork":false,"pushed_at":"2026-01-22T23:48:40.000Z","size":871,"stargazers_count":35,"open_issues_count":6,"forks_count":14,"subscribers_count":5,"default_branch":"master","last_synced_at":"2026-01-23T16:53:08.715Z","etag":null,"topics":["connectjs","react","stripe","stripe-connect"],"latest_commit_sha":null,"homepage":"https://stripe.com/docs/connect/get-started-connect-embedded-components","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/stripe.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2023-03-21T22:09:45.000Z","updated_at":"2026-01-21T22:18:30.000Z","dependencies_parsed_at":"2023-09-22T02:26:48.301Z","dependency_job_id":"1f473813-f637-4cea-bc4c-55ab7a091ae4","html_url":"https://github.com/stripe/react-connect-js","commit_stats":{"total_commits":50,"total_committers":11,"mean_commits":4.545454545454546,"dds":0.6799999999999999,"last_synced_commit":"1f881ea1acfe640d1d44a5188b577df96e61f42d"},"previous_names":[],"tags_count":107,"template":false,"template_full_name":null,"purl":"pkg:github/stripe/react-connect-js","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stripe%2Freact-connect-js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stripe%2Freact-connect-js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stripe%2Freact-connect-js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stripe%2Freact-connect-js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/stripe","download_url":"https://codeload.github.com/stripe/react-connect-js/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stripe%2Freact-connect-js/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28883960,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-29T19:55:09.949Z","status":"ssl_error","status_checked_at":"2026-01-29T19:55:08.490Z","response_time":59,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["connectjs","react","stripe","stripe-connect"],"created_at":"2025-06-21T17:08:18.571Z","updated_at":"2026-01-29T20:00:46.058Z","avatar_url":"https://github.com/stripe.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# @stripe/react-connect-js\n\n# React Connect.js\n\nReact components for Connect.js and Connect embedded components\n\nThis project is a thin React wrapper around\n[Connect embedded components](https://stripe.com/docs/connect/get-started-connect-embedded-components).\nIt allows you to add embedded components to any React app, and manages the state\nand lifecycle of embedded components for you.\n\nNote: Some Connect embedded components are currently still in preview. These can\nbe\n[viewed on our doc site](https://docs.stripe.com/connect/supported-embedded-components),\nwhere you can also request preview access.\n\n### Components\n\nThe list of supported components and their required parameters can be found\n[here](https://stripe.com/docs/connect/supported-embedded-components)\n\n### Minimal example\n\nFirst, install React Connect.js and\n[Connect.js](https://github.com/stripe/connect-js).\n\n```sh\nnpm install @stripe/react-connect-js @stripe/connect-js\n```\n\nYou have to wrap your components with `ConnectComponentsProvider` in order to\nprovide the ConnectInstance context to create or update components\n\n#### Example\n\nSee more examples in the /examples folder\n\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport {loadConnectAndInitialize} from '@stripe/connect-js';\nimport {\n  ConnectPayments,\n  ConnectPayouts,\n  ConnectPaymentDetails,\n  ConnectComponentsProvider,\n} from '@stripe/react-connect-js';\n\nconst fetchClientSecret = async () =\u003e {\n  // Fetch the AccountSession client secret by making an API call to your service\n};\nconst connectInstance = loadConnectAndInitialize({\n  publishableKey: '{{pk test123}}',\n  fetchClientSecret: fetchClientSecret,\n  appearance: {\n    variables: {\n      colorPrimary: '#228403', //optional appearance param,\n    },\n  },\n});\n\nconst App = () =\u003e (\n  \u003cConnectComponentsProvider connectInstance={connectInstance}\u003e\n    \u003cConnectPayments /\u003e\n    \u003cConnectPayouts /\u003e\n    \u003cConnectPaymentDetails\n      onClose={() =\u003e {\n        console.log('closed');\n      }}\n      payment=\"pi_test123\"\n    /\u003e\n  \u003c/ConnectComponentsProvider\u003e\n);\n\nReactDOM.render(\u003cApp /\u003e, document.body);\n```\n\nThe `stripeConnect.initalize` function returns a `ConnectInstance` once you\ninitialize it with a publishable key and a client secret returned from the\n[Account Session API](https://stripe.com/docs/api/account_sessions/create) call.\n\nWe’ve placed a placeholder API key in this example. Replace it with your\n[actual publishable API keys](https://dashboard.stripe.com/account/apikeys) to\ntest this code through your Connect account.\n\n### Contributing\n\nIf you would like to contribute to React Connect.js, please make sure to read\nour [contributor guidelines](CONTRIBUTING.md).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstripe%2Freact-connect-js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstripe%2Freact-connect-js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstripe%2Freact-connect-js/lists"}