Better typescript support about rxdb-hooks HOT 2 OPEN

I've been playing around with this myself, as RxDB looks great and having better type support via hooks would be great.

https://github.com/emab/rxdb-hooks-todo/blob/dcd4f8a6c60ee9898db075f1cff2cc5396fa0a1f/src/Todo.tsx

Here's an example Todo application, with some hooks. The typing right now is baked into the hooks - so thinking of a way of handling this would be great.

In Redux you often export your own versions of a useSelector hook, providing your store type with them:

import { useDispatch, useSelector, useStore } from 'react-redux'
import type { AppDispatch, AppStore, RootState } from './store'

// Use throughout your app instead of plain `useDispatch` and `useSelector`
export const useAppDispatch = useDispatch.withTypes<AppDispatch>()
export const useAppSelector = useSelector.withTypes<RootState>()
export const useAppStore = useStore.withTypes<AppStore>()

I'm thinking if I take what I have now and apply this methodology we should end up with nicely typed hooks.

The next step would be getting them more feature complete - so maybe doing this approach in this repo would be better.

from rxdb-hooks.

Hey @emab, I am glad someone is still looking into this.

I got this working really well in my repo, but I never got around to actually making a PR and I am not working on the project where I did this already, so I guess I never will... Maybe someone else could take it over the finish line, or at least be inspired by my approach, so here is the repo. Check out the /rxdb-hooks/hooks.tsx file for the definition of the typed hook builder and the rxdb/db.tsx for the usage.

The project is also using supabase replication, so if that is your case, there is a custom script that introspects your supabase and generates the schemas for you.

from rxdb-hooks.