I'm trying to view what `props` are getting passed to my component. Is there a way to log it in JSX? I'm using 2 functional components as in the following code block. 

From the invocation I'm passing `props` as `props:{programs:'Hello',locale:'en'}`. It seems the props get into the `ProgramsSummaryParent` just fine but I am getting this message on the browser when it tries to render the `ProgramsSummaryPlaceholder` :

Failed prop type: The prop `content` is marked as required in `TableCell`, but its value is `undefined`. 

Why am I unable to pass the `prop`?

```
const ProgramsSummaryParent = ({programs, locale,}) => (
<BaseSummary locale={locale}>
    <ProgramsSummaryPlaceholder prg={programs}/>
</BaseSummary>
);

const ProgramsSummaryPlaceholder = ({ prg, intl, }) => (
<div className="programs-summary">      
  <Table isStriped={true} isPadded={true}>
   <Table.Rows >
      <Table.Row >
        <Table.Cell content={prg.programs} />
      </Table.Row>
    </Table.Rows>
  </Table>
</div>
);

```