<search> HTML element is not supported in TypeScript types

[crutchcorn]

• Check if updating to the latest Preact version resolves the issue

I would like to open a PR fixing this issue, I know how to do so.

Describe the bug
A clear and concise description of what the bug is.

When using the following semantic markup:

<header>
  <h1>Movie website</h1>
  <search>
    <form action="./search/">
      <label for="movie">Find a Movie</label>
      <input type="search" id="movie" name="q" />
      <button type="submit">Search</button>
    </form>
  </search>
</header>

In Preact (using TypeScript), I get the following TypeScript error:

TS2339: Property  search  does not exist on type  JSX.IntrinsicElements 

To Reproduce

CodeSandbox doesn't appear to show TypeScript errors for invalid JSX tags.

Steps to reproduce the behavior:

1. Add a <search> property in your Preact markup
2. See error

Expected behavior
What should have happened when following the steps above?

<search> should be a valid HTML element, per:

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/search

[JoviDeCroock]

It's not supported in most browsers 😅

it does seem supported in the DOM types so I don't see why we shouldn't

[MrGrigri]

This is now newly available in all browsers. Please consider reopening this issue and adding support.

[marvinhagemeister]

@MrGrigri You might have missed the last comment prior to yours. Jovi made a PR and added support for the search element to Preact in #4092 nearly a year ago.

[MrGrigri]

🤣 Ha, you are right. Skimmed right over that one.