title: react-intl render react component as placeholder in formatMessage
body: <p>I have a component, that uses the <code>injectIntl</code>-HOC, and returns a message</p>
  
  <pre><code>...
  return (
    &lt;Message&gt;
      {intl.formatMessage({
        id: 'page.checkout.hint'
      }, {
        link: &lt;b&gt;{intl.formatMessage({ id: 'page.checkout.hint.hyperlink' })}&lt;/b&gt;
      })}
    &lt;/Message&gt;
  )
  ...
  </code></pre>
  
  <p>and my language file looks like this:</p>
  
  <pre><code>...
  "page.checkout.hint": "You're going to be redirected automatically. If nothing happens, please click {link}",
  "page.checkout.hint.hyperlink": "here",
  ...
  </code></pre>
  
  <p>This results in: <strong><code>You're going to be redirected automatically. If nothing happens, please click [object Object]</code></strong>.</p>
  
  <p>if i use <code>&lt;FormattedMessage id="page.checkout.hint" values={{ link: &lt;b&gt;{intl.formatMessage({ id: 'page.checkout.hint.hyperlink' })}&lt;/b&gt; }}&gt;</code> instead renders correctly.</p>
  
  <p>Does Anybody has a clue?</p>