title: How to convert object into string using FormattedMessage to render labels in d3.js chart using REACTJs?
body: <p>I am trying to make a application which supports multi language for this Im using react-intl which translates the data. While doing this Im facing a problem that when I am trying to translate it returns me as [OBJECT OBJECT] but im expecting a string.</p>
  
  <p>I am using "react-intl": "2.7.2" for translation ,
  "react-c3js": "^0.1.20", for rendering c3 JS chart</p>
  
  <p>Barchart Code. In this i want labels to be Transalted into different language  </p>
  
  <pre><code>     &lt;BarChartWithLine
                            data={this.state.topMerchants}
                            xAxisLable={&lt;InjectIntl/&gt;}
                            yAxisLable="TRANSACTION COUNT"
                            y2AxisLable="SUCCESS RATE"
                            barColor="#6BD0F6"
                            successRateData={
                              this.state.topMerchantsSuccessRate
                            }
  </code></pre>
  
  <p>In injectIntl file</p>
  
  <pre><code>  const LocalesMenu = ({ intl }) =&gt; {
       const placeholder = intl.formatMessage({id: 'transaction.merchantID'});
  return (&lt;div&gt;{placeholder}&lt;/div&gt;);     
  }
  </code></pre>
  
  <p>I am getting output as [OBJECT OBJECT]</p>
  
  <p><a href="https://i.stack.imgur.com/B2zL6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/B2zL6.png" alt="enter image description here"></a></p>