Component Flashes on Screen

I’ve tried out your library for a react project of mine and it seems to work with the breakpoints, however, regardless of the width, the components will always flash on the screen then disappear. For example:

        <Breakpoint xlarge up>
          <SearchBar />
        </Breakpoint>

For the above code, I want the search bar to render only for screens larger than xlarge. When the screen size is small (mobile), the SearchBar flashes on the screen then disappears. Which tells me that, while the library is adhering to the screen sizes, it is still rendering the component and then unmounting it.

Is there a fix for this?

[thedern]

We have the same flicker/flashing issue as we are attempting to use this package with Next.js

[flexdinesh]

This is definitely default desktop fallback for SSR. I’ll try to wrap something that makes the default configurable (desktop/mobile/nothing).