React Setup
Using ctrodb with React
React bindings are included in the main package — no separate install needed.
import { useQuery, useDoc, useMutation } from "ctrodb/react"
DatabaseProvider
Wrap your app to make the database available to hooks:
import { DatabaseProvider } from "ctrodb/react"
const db = new Database({ ... })
await db.connect()
export default function App() {
return (
<DatabaseProvider db={db}>
<Todos />
</DatabaseProvider>
)
}
setDefaultDatabase
If you cannot use a provider, set the default database globally:
import { setDefaultDatabase } from "ctrodb/react"
setDefaultDatabase(db)
// All hooks will use this database instance
Calling DatabaseProvider also calls setDefaultDatabase automatically.
How is this guide?
Last updated on Jun 20, 2026