Fix(ui): Fix issue details warnings (#8745)

* Fix issue details warnings
* Remove warning on componentToString

Author: maheskett

src/sentry/static/sentry/app/components/group/seenInfo.jsx

@@ -6,8 +6,8 @@ import TimeSince from 'app/components/timeSince';
 import Version from 'app/components/version';
 import VersionHoverCard from 'app/components/versionHoverCard';
 import Tooltip from 'app/components/tooltip';
+import {componentToString} from 'app/utils/componentToString';
 import {defined, toTitleCase} from 'app/utils';
-import componentToString from 'app/utils/componentToString';
 import {t} from 'app/locale';
 
 const SeenInfo = createReactClass({
@@ -74,7 +74,7 @@ const SeenInfo = createReactClass({
         <dt key={0}>{t('When')}:</dt>
         {date ? (
           <dd key={1}>
-            <Tooltip title={this.getTooltipTitle} tooltipOptions={{html: true}}>
+            <Tooltip title={this.getTooltipTitle()} tooltipOptions={{html: true}}>
               <span>
                 <TimeSince className="dotted-underline" date={date} />
               </span>

src/sentry/static/sentry/app/components/group/tagDistributionMeter.jsx

@@ -115,7 +115,7 @@ const TagDistributionMeter = createReactClass({
             '%';
 
           return (
-            <Tooltip key={value.id} title={tooltipHtml} tooltipOptions={{html: true}}>
+            <Tooltip key={value.key} title={tooltipHtml} tooltipOptions={{html: true}}>
               <Link
                 className={className}
                 style={{width: pct + '%'}}

src/sentry/static/sentry/app/utils/componentToString.jsx

@@ -1,7 +1,5 @@
-import ReactDOM from 'react-dom';
+import ReactDOMServer from 'react-dom/server';
 
-export default function(node) {
-  let el = document.createElement('div');
-  ReactDOM.render(node, el);
-  return el.innerHTML;
+export function componentToString(node) {
+  return ReactDOMServer.renderToStaticMarkup(node);
 }