Can't export an arrow function as default from a page

[hazae41]

The default syntax is

export default function Home(){
  // ...
}

but when I use an arrow function

export default () => {
  // ...
}

I get a blank page with 400 - Module "undefined" should export a React Component as default

However, it works when declaring then exporting

const Home = () => {
  // ...
}

export default Home

or when using forwardRef

export default forwardRef((props, ref) => {
  // ...
})

It would be great if we allowed arrow functions as well as regular functions, what do you think about it?

[ije]

sorry, alephjs will check the module's export default ensure it's a validate component:

• must be a function component or class component extends React.Component(don't support fast refresh)
• function component must be named with /^[A-Z]/

best practice with arrow function is:

const Home = () => {
  // ...
}

export default Home