[TimelineRow]: Replace defaultProps with destructuring

Partially Resolves jaegertracing#2596
- Remove defaultProps from the TimelineRow component, replace with destructuring

Signed-off-by: Abhishek <[email protected]>

packages/jaeger-ui/src/components/TracePage/TraceTimelineViewer/TimelineRow.tsx

@@ -16,33 +16,29 @@ import * as React from 'react';
 
 import './TimelineRow.css';
 
-type TTimelineRowProps = {
+export default function TimelineRow({ children, className = '', ...rest }: {
   children: React.ReactNode;
   className?: string;
-};
-
-interface ITimelineRowCellProps extends React.HTMLAttributes<HTMLDivElement> {
-  children: React.ReactNode;
-  className?: string;
-  width: number;
-  style?: object;
-}
-
-export default function TimelineRow(props: TTimelineRowProps) {
-  const { children, className = '', ...rest } = props;
+}) {
   return (
     <div className={`flex-row ${className}`} {...rest}>
       {children}
     </div>
   );
 }
 
-TimelineRow.defaultProps = {
-  className: '',
-};
-
-function TimelineRowCell(props: ITimelineRowCellProps) {
-  const { children, className = '', width, style, ...rest } = props;
+function TimelineRowCell({
+  children,
+  className = '',
+  width,
+  style = {},
+  ...rest
+}: {
+  children: React.ReactNode;
+  className?: string;
+  width: number;
+  style?: object;
+}) {
   const widthPercent = `${width * 100}%`;
   const mergedStyle = { ...style, flexBasis: widthPercent, maxWidth: widthPercent };
   return (
@@ -52,6 +48,4 @@ function TimelineRowCell(props: ITimelineRowCellProps) {
   );
 }
 
-TimelineRowCell.defaultProps = { className: '', style: {} };
-
 TimelineRow.Cell = TimelineRowCell;