Use Preact with Typescript

componentDidUpdate.tsx

const mounted = useRef();
useEffect(() => {
  if (!mounted.current) {
    mounted.current = true;
  } else {
    // do componentDidUpate logic
  }
});

onInput.tsx

import { h, render, Component, JSX } from 'preact'


class Foo extends Component {
  onInput({currentTarget}: JSX.TargetedEvent<HTMLInputElement, Event>) {
    console.log(currentTarget.value)
  }
  render() {
    return <input onInput={this.onInput} />
  }
}

render(<Foo />, document.body)