[BUG?] Textarea does not work with styled-component.

[jjangga0214]

Hi!

I am using next.js 14.

When

• styled-components wraps Textarea
• and a state is used for value

, Textarea does not work.

I can input a single letter, but not more.

Minimal Reproduction

'use client'

import { Textarea } from '@nextui-org/react'
import styled from 'styled-components'
import { useState } from 'react'

export default function Temp() {
  const [message, setMessage] = useState('')
  const Wrapper = styled.div``

  // When I remove either Wrapper or state, it works.
  return (
    <Wrapper> 
      <Textarea 
        value={message}
        onValueChange={setMessage}
      />
    </Wrapper>
  )
}

Is this a bug, or is there a solution?

Thanks,