Question about replacing Badge's root with Badge.compose({...})

[shawnthye-guru]

Willing to submit a PR to fix?

• I am willing to submit a PR to fix

Requested priority

High

Products/applications affected

No response

Package version(s)

0.42.3

OS version(s)

No response

Platform

• iOS
• macOS
• win32
• windows
• android

Xcode version

No response

Please provide a reproduction of the bug

Based on the new Compose Framework and Slot docs.

I am trying to make Badge Pressable

export const PressableBadge = Badge.compose({
    slots: {
        root: Pressable,
        text: Text
    }
    // ... other code here
})

export const Usage: FC = () => {
    return (
        <PressableBadge
            // ❗❗❗TYPE ERROR❗❗❗
            onPress={() => {console.log('Badge pressed')}}
        />
    )
}

How do I make Typescript happy? or am I doing it wrong?

Actual behavior

Typescript not happy

Expected behavior

Should we have something like Badge.compose<PressableBadgeType> to override the Props?