Инвертирование для сокращенных условий в JSX

Может быть и обратная ситуация: нужно выполнить вставку текста, если условие ложно, и ничего не делать, если истинно. Для этого нужно выполнить инвертирования константы с помощью оператора !.

В следующем примере, если в hide будет false, то вставится абзац с текстом:

function App() {
	const hide = false;
	
	return <div>
		{!hide && <p>text</p>}
	</div>;
}

Дан следующий код:

function App() {
	const isAuth = false;
	
	return <div>
		<p>пожалуйста, авторизуйтесь</p>
	</div>;
}

Сделайте так, чтобы приведенный абзац с текстом показывался только если в isAuth записано false.