Defocus every first typing

When you try to type the text for the first time, it will re-render and defocus from the input box.
So you need to select the input box and type again (it's annoying)

My workaround is force re-rendering for the first load. Is there another solution to fix this problem ??

Here is an example: [code sandbox](https://codesandbox.io/p/devbox/astro-code-editor-867yh6?file=%2Fsrc%2Fcomponents%2FEditor.tsx%3A14%2C20).

**Environments**
```
- astro: 4.0.3
- @astrojs/react: 3.0.7
- react: 18.2.0
- use-editable: 2.3.3
- prism-react-renderer: 2.3.0
```