react/prop-types doesn't work with fragment syntax

[bebraw]

Example:

import React from "react";

const ForAttendees = ({ page }) => (
  <>
    <section className="intro intro_attendees">{page}</section>
    <div className="grid--5col">barfoo</div>
  </>
);

export default ForAttendees;

react/prop-types does not capture this. If you replace the fragment syntax with divs, it detects the case.

[ljharb]

I suspect a lot of rules will need to be updated to support fragment syntax.

[ljharb]

Related: #1579, #1661, #1706

[lencioni]

@bebraw in the meantime, does this work with <React.Fragment> instead of <>?

[bebraw]

@lencioni Yeah, going with that fixes it.

[ljharb]

Since babel 7 is required for <>, and is not yet released, let’s leave this open until it is, so we will be sure to fix it.

[graingert]

FYI, babel 7 got released

[ljharb]

See #1956