Not working on starter NextJS app

[dijs]

I have tried to use this wrapper component as shown in the README.

But I am not experiencing any difference of functionality, am I missing something?

I expected ssrOnly to render a component with zero functionality. But it is being rendered full and interactive.

I have also tried the other events and am seeing no difference.

Example code:

import LazyHydrate from 'react-lazy-hydration'

export default function Test() {
  return (
    <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }}>
      Hello Test!
      <LazyHydrate ssrOnly>
        <div
          style={{ background: 'red', width: 300, height: 300 }}
          onClick={() => console.log('clicked')}
        >
          Click Me
        </div>
      </LazyHydrate>
    </div>
  )
}

I am seeing clicked in the console with this code after clicking.

[dijs]

Turn's out we are rendering with Preact, which is apparently not supported.