Using arrow function in react components attribute break export (T7469)

[babel-bot]

Issue originally made by Арсен С (NuArsen)

Bug information

• Babel version: Babel 6.9.1 (https://babeljs.io/repl/)
• Node version: https://babeljs.io/repl/
• npm version: https://babeljs.io/repl/

Input code

Not working:

export default ({ onClick }) => {
  return <div onClick={() => onClick()}></div>;
}

Working:

export default ({ onClick }) => {
  return <div onClick={onClick}></div>;
}

Description

Code with arrow function inside react component attribute not exporting component. Issue repeats in https://babeljs.io/repl/

[babel-bot]

Comment originally made by Арсен С (NuArsen)

Any feedback?

[id-ilych]

It works if there's explicit declaration and then export

const Link = ({ onClick }) => {
  return <div onClick={() => onClick()}></div>;
}

export default Link;

[danez]

Thanks, duplicate of #4182.