Cannot use boolean with 'mobile' props in Comments component

[c0dester]

I found, that it doesn't matter if I use true or false with mobile prop. Comments will always display as mobile. I need to use undefined instead of false. It is not convenient, since when I use f.e. react-media, I would do:

<Media
  queries={{
    mobile: {
      maxWidth: 768,
    },
    desktop: {
      minWidth: 769,
    },
  }}
>
  {matches => (
    <Comments
      href="HREF"
      mobile={matches.mobile}
    />
  )}
</Media>

Instead of that I have to use it this way:

<Media
  queries={{
    mobile: {
      maxWidth: 768,
    },
    desktop: {
      minWidth: 769,
    },
  }}
>
  {matches => (
    <Comments
      href="HREF"
      mobile={matches.mobile || undefined}
    />
  )}
</Media>

[seeden]

Why not matches.mobile || false

[c0dester]

Because as I wrote, it takes true or undefined. False acts as true

[seeden]

Ahh I see. Interesting.

[c0dester]

Not sure if you understood me correctly. I'm talking about Comments mobile prop - it accepts true or undefined, false acts like true. I'm not talking about react-media.

[seeden]

Yeah, I understand it. It looks like a problem in the facebook sdk. Because valid false value is to use this component without mobile property. I will check it and maybe I set correct value with false property as well.