reaction.jsのEslint arrow-body-styleエラー

Question

Airbnbのeslintルールを使用して、反応コードに次のエラーが表示されていますが、何がエラーなのか分かりません。

const Facebook = ({ appId, url }) => { 
    return (
    <div className={styles.facebook}> 
     <FacebookProvider appID={appId}> 
     <EmbeddedPost href={url} width="auto" /> 
     </FacebookProvider> 
    </div> 
) 
} 

ライン1 {ブラケットの先頭にエラーを取得します。

Unexpected block statement surrounding arrow body. (arrow-body-style)

は、括弧ブラケットと中括弧をラップしようとしましたが、今度は、別のエラーが<div>の3行目の周りに表示されます。

Parsing error: Unexpected token

Answer 1

あなたの質問にコメントでissue linkedあたりとして中括弧とリターンを削除してください：

const Facebook = ({ appId, url }) => 
    <div className={styles.facebook}> 
     <FacebookProvider appID={appId}> 
      <EmbeddedPost href={url} width="auto" /> 
     </FacebookProvider> 
    </div>