FullscreenFeedback renders behind bottomsheets and other fixed elements with specified zIndex

[quaardvark]

Prerequisites

• Version: @rent_avail/feedback@0.2.2
• Are you running from source/master: No
• Are you using a released build: Yes
• Operating system: ArchLinux
• Bits: 64

Step to reproduce (actual behavior)

• Import FullscreenFeedback from @rent_avail/feedback
• Add to a React component/view
• Add another full-screen component with zIndex > 0
• Run the react app
• Notice that the Feedback is rendering behind the extra full-screen component

Expected behavior

FullscreenFeedback takes the styling props, either via Styled System or via styles

Resources

[pkrawc]

I think adding @styled-system/props to the package and using it to pick the right props to pass to the component will likely be a good idea.

import { pick, omit } from "@styled-system/props"

// In fullscreen render

const styleProps = pick(spreadProps)