Simple React functional component with TypeScript annotations

sectional.tsx

import React from 'react';

interface SectionalProps {
  title:string;
  list:Array<{key:string, value:string}>;
  onClick:( value: string ) => void;
}

export const Sectional:React.FC<SectionalProps> = ( { tile, list, onClick } ) => { //props is passed by react as an object

  const onClickWrapper = ( e:any, value:string ) => {
    e.preventDefault();
    onClick( value );
  }

  console.log("rendering sectional...");
  return (
    <section className="container">
      <h2>{title}</h2>
      <p>Click a pokemon name to see details:</p>
      <ul className="listLink">
        {list.map(( item ) => {
          const { key, value } = item;
          return <li key={ key }><a href="#" onClick={ ( e ) => onClickWrapper( e, value ) }>{ value }</a></li>;
        })}
      </ul>
    </section>
  );

}