Preact signals in Nextjs14 + AppRouter

'use-client'
import Image from 'next/image'
import { signal } from '@preact/signals-react'

const toOpen = signal(false)
const signalChange = () => { toOpen.value = true ; console.log(toOpen)}

export default function Home() {
  return (<> <p>The current status is: {String(toOpen.value)}</p><button onClick={signalChange }>Change status</button></>)

Server Error
Error: Cannot set property createElement of [object Module] which has only a getter