Error : Expected to return a value at the end of arrow function

Question

Expected to return a value at the end of arrow function , this is a common problem one can face easily while using react JSX in strict mode

contentType = id => {

console.log('')

if (id === 'COURSE') {
  return <div>{id}</div>
}
if (id === 'PROJECT') {
  return <div>{id}</div>
}

}

Avik Biswas · Accepted Answer · 2023-09-03 12:18:04Z

0

right ans is

contentType = id => { console.log('')

if (id === 'COURSE') {
  return <div>{id}</div>
}
if (id === 'PROJECT') {
  return <div>{id}</div>
}
return ''

}

dont leave without no return at the end , at react strict mode this happen , last and default condition always goes at the end with no extra block

answered Sep 3, 2023 at 12:18

Avik Biswas

192 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1