How do you use this with the backdrop component?

Feature Request

It’d be really helpful if there were more examples in the docs, ie how do I use this with the backdropComponent? Because this doesn’t seem to work

<BottomSheet
	ref={postActions}
	index={0}
	snapPoints={useMemo(() => [0, '25%'], [])}
	onChange={handleSheetChanges}
	backdropComponent={<BottomSheetBackdrop />}
>
...
</BottomSheet>

[Johan-dutoit]

The backdrop is used like this: backdropComponent={BottomSheetBackdrop}.

However, there is a bug I believe. The backdrop is capturing all events and not bubbling up. i.e. touches are not happening.

Repro steps

• Assign a backdrop
• Try to tap on anything (i.e. the trigger for opening the bottom sheet)
• Nothing happens

I can get around this with hot reloading

• While no backdrop assigned, open the bottom sheet
• Assign the backdrop
• All events work as expected (while opened and closed)

[gorhom]

@Johan-dutoit true , however this backdrop also used with bottom sheet modal where it should block the view 🤷‍♂️

one thing for sure, is that i need to document this better 👍