How to use ButtonProps["onClick"] for onclick

[Ofer-Gal]

Using "@fluentui/react-components": "^9.47.2", in SPFx 1.18.2
When I create const with xx:ButtonProps["onClick"] event handler, I get bunch of typescript errors.

Where can I see a typescript example?
Thanks'

[pradeept95]

Hi @Ofer-Gal
Here is the example in typescript!

import * as React from 'react';
import { Button } from '@fluentui/react-components';
import type { ButtonProps } from '@fluentui/react-components';

export const Default = () => {
  const handleClick: ButtonProps['onClick'] = (
    e: React.MouseEvent<HTMLButtonElement>
  ) => {
    console.log(e);
    alert('clicked');
  };

  return <Button onClick={handleClick}>Example</Button>;
};

[Ofer-Gal]

Thanks that worked