
Security News
Meet Socket at Black Hat and DEF CON 2025 in Las Vegas
Meet Socket at Black Hat & DEF CON 2025 for 1:1s, insider security talks at Allegiant Stadium, and a private dinner with top minds in software supply chain security.
teller-connect-react
Advanced tools
React hook and component for integrating with Teller Connect
React 18.2+
With npm
:
npm install --save teller-connect-react
With yarn
yarn add teller-connect-react
Please refer to the Teller Connect Guide to learn more about Teller Connect
See the examples folder for complete source code examples using both the useTellerConnect
hook and the <TellerConnect />
component.
Hooks are the recommended method of integrating with Teller Connect in React.
ℹ️ See a how to use the userTellerConnect
hook in hook source code example (examples/hooks.tsx)
import { useTellerConnect } from 'teller-connect-react';
// ...
const { open, ready } = useTellerConnect({
applicationId: "YOUR_APPLICATION_ID",
onSuccess: (authorization) => {
// Save your access token here
},
});
return (
<button onClick={() => open()} disabled={!ready}>
Connect a bank account
</button>
);
ℹ️ See src/types/index.ts for exported types.
The Teller Connect Guide remains the canonical reference of Teller Connect's capabilities and supported configurations.
To present Teller Connect without any user interaction, e.g. immediately when your view is rendered you can use an effect.
import { useTellerConnect } from 'teller-connect-react';
// ...
const { open, ready } = useTellerConnect(config);
// Present Teller Connect immediately on load
React.useEffect(() => {
if (ready) {
open();
}
}, [ready, open]);
return <></>;
Although the useTellerConnect
hook is the recommended integration method
a pre-built component is made available if you're unable to use hooks in
your application.
ℹ️ See the example at examples/component.tsx
import { TellerConnect } from "teller-connect-react";
const App extends React.Component {
// ...
render() {
return (
<TellerConnect
className="CustomButton"
style={{ padding: '20px', fontSize: '16px', cursor: 'pointer' }}
applicationId={this.state.applicationId}
onSuccess={this.onSuccess}
onEvent={this.onEvent}
onExit={this.onExit}
>
Link your bank account
</TellerConnect>
);
}
}
TypeScript definitions for teller-connect-react
are built into the npm package.
FAQs
React bindings for Teller Connect
The npm package teller-connect-react receives a total of 1,465 weekly downloads. As such, teller-connect-react popularity was classified as popular.
We found that teller-connect-react demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Meet Socket at Black Hat & DEF CON 2025 for 1:1s, insider security talks at Allegiant Stadium, and a private dinner with top minds in software supply chain security.
Security News
CAI is a new open source AI framework that automates penetration testing tasks like scanning and exploitation up to 3,600× faster than humans.
Security News
Deno 2.4 brings back bundling, improves dependency updates and telemetry, and makes the runtime more practical for real-world JavaScript projects.