withHydrationOnDemand add tag section

[tavakai]

I'm trying to use react-hydration-on-demand to load components on demand, but it seems to be adding an additional section wrapper around my component. I've tried setting the wrapper option to false in the withHydrationOnDemand HOC, but that doesn't seem to be working.

Here's an example of my withCustomWrapper HOC:

import withHydrationOnDemand from 'react-hydration-on-demand'

const MyCustomWrapper = ({ children }) => <>{children}</>

const withCustomWrapper = (Component, on = ['visible']) => {
  const WrappedComponent = withHydrationOnDemand({ on, onBefore: Component.preload, wrapper: false })(Component)
  return props => <MyCustomWrapper><WrappedComponent {...props} /></MyCustomWrapper>
}

export default withCustomWrapper

const ImageLazy = LoadableVisibility({ loader: () => import(/* webpackChunkName: "Image" */ './Image'), loading, wrapper: false })
const Image = withCustomWrapper(ImageLazy)

However, the resulting markup for the LazyImage component is:

<section>
  <img src="https://example.com/image.jpg" />
</section>

Is there any way to use react-hydration-on-demand without adding this additional section wrapper?