Typescript tips

button.tsx

import React from 'react';

interface Props extends React.ButtonHTMLAttributes<HTMLButtonElement>{
    text: string;
}

const Input: React.FC<Props> = props => {
    return <button { ...props }>{props.text}</button>
}

export default Input;

input.tsx

import React, { InputHTMLAttributes } from 'react';

interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
    name: string;
}

const Input: React.FC<InputProps> = props => {
    return <input { ...props } />
}

export default Input;
  
/**
  This code creates a simple react input component with Typescript
  
  
**/