Expected an assignment or function call and instead saw an expression

You must return something

	const def = (props) => ( <div></div> );

or use return statement

	const def = (props) => { return  <div></div> };

Code Example

	const MyPosts = () => {

  let datas = [
    { id: 1, text: 'Post 1', likesCount: '1' },
    { id: 2, text: 'Post 2', likesCount: '231' },
    { id: 3, text: 'Post 3', likesCount: '547' }
  ];

  const postsItems = []
  for (const [key, value] of datas.entries()) {
    postsItems.push(<Post text={value.text} likesCount={value.likesCount} />)
  }

  return (
      <div className={css.posts}>
      Posts: {postsItems}
      </div>
  )
}

The return statements should place in one line. Or the other option is to remove the curly brackets that bound the HTML statement.
You can’t have and if inside jsx. You need to use the condition ? if true : if false syntax

Expected an assignment or function call and instead saw an expression

Code Example

Related Posts

Call javascript function from html Code Example

How to call javascript function from html ?

Regular Expression for a Matching a URL