React ユーザー認証（初学者用）

Question

初心者です。
ユーザー認証つきのメモ帳アプリを練習で作成しています。
ログインしたユーザートークンまたは特定のユーザーのみ閲覧できるようにしたいです。
下記で追加した箇所のエラーになります。
修正のアドバイス頂けますと助かります。

エラー：
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 === 'user2' ?　(　//追加
				/*ココまで追加*/
				{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

不要なフラグメント <> があるせいやな。

      <ul>
        /*ココから追加*/
        <div>{token && loggedInUser === 'user2' ? <></> : ''}</div>
-       <>

          /*ココまで追加*/
          {notes.map(note => {

Comments

[hiro_ike]

ご確認いただきありがとうございます、エラーの箇所と異なりますが、
tokenで表示させたい箇所を囲む必要があるのかなと思い、一旦コードを修正しました。