could do with taking out your console.logs
```export default function KeyChar(props: any) { console.log(props); return ( <span className="text-gray-800 bg-gray-100 text-xl leading-5 py-0.5 px-3 border shadow-md border-gray-300 rounded-md text-center"> {`${props.keyChar}`} </span> ); } ```
could do with taking out your console.logs
```export default function KeyChar(props: any) { console.log(props); return ( <span className="text-gray-800 bg-gray-100 text-xl leading-5 py-0.5 px-3 border shadow-md border-gray-300 rounded-md text-center"> {`${props.keyChar}`} </span> ); } ```