如何在 <div> JSX 中指定有条件的结构？

我试图在React return()语句中创建一个响应的<div>，但我的每一种方式，我的代码在VSCode中都是错误的。我为构建这个(chatGPT推荐的)所做的大量努力的一个例子是:

<div>
{props.platform === "desktop" ? <div className="displaydiv"> : <div>}
</div>
</div>

在这种情况下，第一个<div>被VSCode错误地认为没有结束标记。

我不确定这段代码是否会实际运行，即问题是否可能只是过于热情的VSCode检查。但是即使这个是问题是，这对我没有帮助，因为这些错误会掩盖我项目中的真正错误。