Attribute types are not checked if spread operator is used for passing props

[mickmister]

Prerequisites

• I have written a descriptive issue title
• I have searched existing issues to ensure the bug has not already been reported

Versions

Version being used: 3.0.10

Description

I want to create an object that satisfiesHtmx.Attributes, and pass that to a component using a spread operator. This functionally works, but if there is a misspelled attribute, the JSX parser does not show a parsing error.

Steps to Reproduce

The problem is that if I type this incorrectly like:

const childProps = {
    'hx-wrongspelling': '/myapi',
};

return <div {...childProps}/>

I don't receive a type error, whereas I correctly receive a type error in this case:

return <div hx-wrongspelling='/myapi'/>

Expected Behavior

A type error should show when an invalid HTML attribute is passed in via spread operator

[arthurfiorette]

This is a intended feature in typescript. JSX only respects this behavior.

https://www.typescriptlang.org/docs/handbook/2/objects.html#excess-property-checks