Three examples of buttons components using type for props without React.PropsWithChildren

Button.tsx

import React, { ReactNode } from 'react'

type ButtonProps = {
    lenghtButton?: string;
    children: ReactNode;
    onClick?: () => void
};
export const Button = (props: ButtonProps) => {
  return (
    <button onClick={props.onClick} style={{fontSize: props.lenghtButton}}>
        {props.children}
    </button>
  )
}

Button2.tsx

import React from 'react'

type ButtonProps = React.PropsWithChildren<{
    lenghtButton?: string;
    onClick?: () => void
}>

export const Button = ({children, lenghtButton, onClick}: ButtonProps) => {
  return (
    <button onClick={onClick} style={{fontSize: lenghtButton}}>
        {children}
    </button>
  )
}

Button3.tsx

import React from 'react'

type ButtonProps = React.ComponentProps<"button"> & {
    lenghtButton?: string
}
export const Button = ({children, lenghtButton, ...props}: ButtonProps) => {
  return (
    <button 
        style={{fontSize: lenghtButton}}
        {...props}
    >
        {children}
    </button>
  )
}