title: How to wrap code with the snippet in VS Code
body: <p>I have this snippet:</p>
  
  <pre><code>"Wrap with React-Fragment": {
      "prefix": "rf",
      "body": [
          "&lt;React.Fragment&gt;${TM_SELECTED_TEXT}&lt;/React.Fragment&gt;$1"
      ],
  }
  </code></pre>
  
  <p>I want to have it wrap the highlighted text when I type the prefix.
  For example, imagine that all these <code>div</code>s are highlighted:</p>
  
  <pre><code>&lt;div&gt;&lt;/div&gt;
  &lt;div&gt;&lt;/div&gt;
  &lt;div&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Currently it just replaces the text with the body of the snippet. What should I do to make it work?</p>
  
  <p>Note! I am aware of the solution of pressing <code>F1</code> and selecting <code>Insert Snippet</code>. It is too cumbersome.</p>