Type arguments on useDripsyTheme

[simenandre]

Hello, thanks for this awesome package!

I'm maintaining a type for my theme, and I'd like to assert that type and hopefully without doing type-casting in components.

Maybe it's worth adding something like this?

import { Theme } from '@theme-ui/css';
export interface ContextValue<T = Theme> {
    theme: Theme;
}
export declare const useThemeUI: <T>() => ContextValue<T>;

Would you be open for an PR?

[nandorojo]

Hey thanks for the issue.

It's a duplicate of #72

I wanted this too, it's just a bit complicated since this is a hook that is exported from theme UI.

For now, I recommend just wrapping it with a useTheme hook that returns useThemeUI().theme as MyTheme.

I know it's worse to cast the types, but if you just do it once in a single wrapper hook, it's not too bad.

I'll see if I can come up with a better solution in the future.

[nandorojo]

Here's what I have in my app: #72 (comment)

[nandorojo]

This might be relevant: #82 (comment)

[simenandre]

Thank you for replying so quickly and showing interest in this issue! 🙏

[nandorojo]

Types are getting a major improvement in Dripsy v3. See #124, #72.

[nandorojo]

Here's a preview of what's in v3...

Code.-.hook.tsx.dripsy.mp4