React uncaught エラー

Question

初心者です。
ユーザー認証つきのメモ帳アプリを練習で作成しています。
ログインしたユーザートークンまたは特定のユーザーのみ閲覧できるようにしたいです。

<div>{token〜の行を追加して、下記エラーになります。 jsxの書き方が悪いのだと思いますが、 修正のアドバイス頂けますと助かります。

エラー：
Uncaught Error: Module build failed (from ./node_modules/prettier-loader/prettier-loader.js):
SyntaxError: Unexpected token, expected "," (25:11)
23 | <div>{token && loggedInUser === 'user2' ?　(　//追加
24 | /ココまで追加/

25 | {notes.map(note => {

 | 				      ^

26 | return (
27 | <li key={note._id}>
28 |

import React, { useState, useEffect } from 'react';
import { Link } from 'react-router-dom';

export default function Note(props) {
	const [notes, setNotes] = useState([]); // <==== Notes State

	useEffect(() => {
		(async () => {
			try {
				const response = await fetch('/api/notes');
				const data = await response.json();
				setNotes(data);
			} catch (error) {
				console.error(error);
			}
		})();
	}, []);

	return (
		<div className="NotePage" className="list-group">
			<ul>
				/*ココから追加*/
				<div>{token && loggedInUser === 'adminuser' ?　(　
				/*ココまで追加*/
				{notes.map(note => {
					return (
						<li key={note._id}>
							<Link
								to={`/${note._id}`}
								className="list-group-item list-group-item-action flex-column align-items-start"
							>
								<h3 className="mb-1">{note.title}</h3>

								<p>
									{note.noteBody}
								</p>
							</Link>
						</li>
					);
				})}
				/*ココから追加*/
				<></> : ''}</div>　　// 追加
				/*ココまで追加*/
			</ul>
		</div>
	);
}

Answer 1

notes.mapを囲む{}は不要です。

ここはすでにJavaScriptの式を書く部分となっていますので、中括弧は文法的に余計です。