\n
\n // ❌ foo & bar must be wrapped\n {val ? 'foo' : 'bar'} hello world\n
\n
\n // ❌ static text nodes must be wrapped when they are preceded by a\n conditional expression\n {val ? foo : bar} hello world\n
\n // ❌ all text must be wrapped in spans ('foo', 'bar' & 'hello world')\n
{val ? 'foo' : 'bar'} hello world
\n
\n // ❌ `val.toLocaleString()` returns a text node and should be wrapped\n {val ? val.toLocaleString() : bar} hello world\n
\n
\n // ❌ object properties rendering a text node should be wrapped\n {val ? obj.a : bar} hello\n
\n
\n // ❌ 'foo' needs to be wrapped in a span (expression has a sibling)\n {val && 'foo'}\n hello world\n
\n // ✅ conditionally rendered text nodes with no siblings won't throw\n
{val || 'bar'}
\n // ✅ conditionally rendered text nodes with no siblings won't throw\n
{val ? 'foo' : 'bar'}
\n // ✅ conditional expression follows the static text node and won't throw\n
hello world {val ? foo : bar}
\n
\n // ✅ all text nodes are wrapped\n
\n {val ? foo : bar}\n hello world\n
\n
\n // ✅ `val.toLocaleString()` is wrapped\n {val ? {val.toLocaleString()} : bar}\n hello world\n
\n
\n // ✅ object properties rendering a text node are wrapped\n {val ? {obj.a} : bar} hello\n
\n
\n // ✅ 'foo' is wrapped (expression has a sibling)\n {val && foo} hello world\n
\n // ✅ conditionally rendered text, but no siblings\n
{val || 'bar'}
\n // ✅ conditionally rendered text, but no siblings\n
{val ? 'foo' : 'bar'}
\n