title: how to translate searchPlaceholder of MaterialTable reactjs using FormattedMessage
body: <p>i want to translate searchPlaceholder of ui MaterialTable in Reactjs</p>
  
  <p>i can translate all like exportTitle,searchTooltip ..., except searchPlaceholder i made the same like other but they didnt working. 
    this the code </p>
  
  <pre><code>const localization = {
      pagination: {
          labelDisplayedRows: '{from}-{to}' + &lt;FormattedMessage id="table.of.label" /&gt; + '{count}'
      },
      toolbar: {
          nRowsSelected: '{0}' + &lt;FormattedMessage id="table.row.label" /&gt; + '(s) selected'
              + &lt;FormattedMessage id="table.selected.label" /&gt;,
           searchPlaceholder: &lt;FormattedMessage id="table.search.label" /&gt;,
          searchTooltip: &lt;FormattedMessage id="table.search.label" /&gt;,
          exportTitle: &lt;FormattedMessage id="table.export.label" /&gt;,
      },
      header: {
          actions: &lt;FormattedMessage
              id="table.column.actions"
          /&gt;
      },
      body: {
          emptyDataSourceMessage: &lt;FormattedMessage id="table.no_records_to_display.label" /&gt;,
          filterRow: {
              filterTooltip: &lt;FormattedMessage id="table.filter.label" /&gt;
          },
          addTooltip: &lt;FormattedMessage id="table.add.label" /&gt;,
          deleteTooltip: &lt;FormattedMessage id="table.column.actions.delete" /&gt;,
          editTooltip: &lt;FormattedMessage id="table.column.actions.edit" /&gt;,
      },
      grouping: {
          /* placeholder: &lt;FormattedMessage id="table.drag_headers_here_to_display.label" /&gt;, */
      }
  };
  export default localization;
  </code></pre>