Property 'type' does not exist on Form.Control

[isRyven]

I just started to use rsuitejs, and run into an issue. Whilst following the form example and composing something like that:

<Panel header={<h3>Login</h3>} bordered shaded>
    <Form fluid>
        <Form.Group>
            <Form.ControlLabel>Username</Form.ControlLabel>
            <Form.Control name="name" />
        </Form.Group>
        <Form.Group>
            <Form.ControlLabel>Password</Form.ControlLabel>
            <Form.Control
                name="password"
                type="password"
                autoComplete="off"
            />
        </Form.Group>
        <Form.Group>
            <ButtonToolbar>
                <Button appearance="primary">Sign in</Button>
            </ButtonToolbar>
        </Form.Group>
    </Form>
</Panel>

I am getting an error in my component, stating that type attribute (type="password") used on Form.Control is not valid:

Type '{ name: string; type: string; autoComplete: string; }' is not assignable to type 'IntrinsicAttributes & Omit<Pick<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof HTMLAttributes<...> | "key"> & { ...; }, WithAsProps<...> & FormControlProps<...>> & WithAsProps<...> & FormControlProps<...> & { ...; }'.
    Property 'type' does not exist on type 'IntrinsicAttributes & Omit<Pick<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof HTMLAttributes<...> | "key"> & { ...; }, WithAsProps<...> & FormControlProps<...>> & WithAsProps<...> & FormControlProps<...> & { ...; }'.ts(2322)

Am i missing some typed package? Or am i using Form.Control incorrectly?

[avifatal]

did you find a solution for that?

[isRyven]

Nope. I have ended up using the Input component on the place of this Form.Control.

[avifatal]

Input is suck. @SevenOutman Any chance you can help here?
Thanks

[SevenOutman]

We need to come up with a good implementation of inferring additional props from accepter. PRs or ideas are welcome :)

[simonguo]

A transitional solution

const Password = React.forwardRef((props, ref) => (
  <Input {...props} ref={ref} type="password"  autoComplete="off" />
));

return <Form.Control name="password" accepter={Password} />;

[isRyven]

Seems was finally resolved in one of the latest updates.

[SevenOutman]

Um yes it's fixed in v5.2.0. Forgot to update here.