JS のアロー演算子でオブジェクトを返す場合は括弧で囲む

最近 React の勉強を始めて、いくつかアロー演算子の理解が浅いところがあったので復習。 今までアロー演算子でオブジェクトを返す場合に、こんな感じで時で書いていた。

const hoge = arg => {
  return {
    a: arg
  }
}
console.log(hoge('a')) // { a: 'a' }

これは問題なく動くんだけども、括弧で囲むだけで同様のことができる。

const hoge = arg => ({
  a: arg
})

console.log(hoge('a')) // { a: 'a' }