import { FC , useContext } from 'react' ; import { IssueContext , Issue } from '../contexts/Issue' ; const Issues = ( ) => { const { issues , url } = useContext ( IssueContext ) ; return ( < > < h1 > ContentPI Issues from Context < /h1> { issues . map ( ( issue ) => ( < p key = { `issue-${ issue . number }` } > < strong > # { issue . number } < /strong> {' '} < a href = { `${ url }/${ issue . number }` } > { issue . title } < /a> {' '} { issue . state } < /p>))} < />); } ; export default Issues ;