Javascript - Template Strings Don't Pretty Print Objects : <p>Can I use ES6 template strings to pretty print javascript objects? This is from a React Native project, with <code>console.log()</code> outputting to Chrome debugging tools.</p>

<h3>What I Want</h3>

<pre><code>const description = 'App opened';
const properties = { key1: 'val1', blah: 123 };
console.log('Description: ', description, '. Properties: ', properties);
</code></pre>

<p>outputs</p>

<p><a href="https://i.stack.imgur.com/PA3Gr.png" rel="noreferrer"><img src="https://i.stack.imgur.com/PA3Gr.png" alt="Pretty printing"></a></p>

<h3>Template String Attempt</h3>

<pre><code>// Same description and properties
const logString = `Description: ${description}. Properties: ${properties}`;
console.log(logString);
</code></pre>

<p>outputs</p>

<p><a href="https://i.stack.imgur.com/fTU3H.png" rel="noreferrer"><img src="https://i.stack.imgur.com/fTU3H.png" alt="enter image description here"></a></p>

<h3>Question</h3>

<p>How do I get the first output (with the pretty printing) using template strings?</p>
