Failed `blocks` prop type

[mikaelbalin]

Versions

@sanity/block-content-to-react    2.0.6
react                             16.8.0-alpha.1

Issue

I've a pretty standard setup:

import BlockContent from "@sanity/block-content-to-react";

const Footer = ({ footerCards }) => (
  {footerCards.map(footerCard => (
    <div key={footerCard._id}>
      <FooterCard title={footerCard.title}>
        <BlockContent blocks={footerCard.information} />
      </FooterCard>
    </div>
  ))}
);

export default Footer;

But I receive a warning in the console:

Warning: Failed prop type: The prop `blocks` is marked as required in `SanityBlockContent`, but its value is `undefined`.

But everything else except this error seems to work fine and value of footerCard.information isn't undefined.

[mikaelbalin]

Sorry, found the problem, my bad.

[wispyco]

Im having the same issue, could you shed some light on what error you had.

[mikaelbalin]

@wispyco Sadly I don't remember what happened, so I can't reproduce this error.

[wispyco]

I figured it out, I was using the wrong name of the field in my query so blocks was undefined. Thanks for responding tho.

[Lilkedus]

I figured it out, I was using the wrong name of the field in my query so blocks was undefined. Thanks for responding tho.

Could you please elaborate more on this? Not sure if you still remember though.