[TraceHeader]: Replace defaultProps with destructuring

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

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

packages/jaeger-ui/src/components/TraceDiff/TraceDiffHeader/TraceHeader.tsx

@@ -26,22 +26,6 @@ import { ApiError } from '../../../types/api-error';
 
 import './TraceHeader.css';
 
-type Props = {
-  duration: number | TNil;
-  error?: ApiError;
-  startTime: number | TNil;
-  state: FetchedState | TNil;
-  traceID: string | TNil;
-  traceName: string | TNil;
-  totalSpans: number | TNil;
-};
-
-type AttrsProps = {
-  startTime: number | TNil;
-  duration: number | TNil;
-  totalSpans: number | TNil;
-};
-
 // exported for tests
 export function EmptyAttrs() {
   return (
@@ -54,8 +38,15 @@ export function EmptyAttrs() {
 }
 
 // exported for tests
-export function Attrs(props: AttrsProps) {
-  const { startTime, duration, totalSpans } = props;
+export function Attrs({
+  startTime,
+  duration,
+  totalSpans,
+}: {
+  startTime: number | TNil;
+  duration: number | TNil;
+  totalSpans: number | TNil;
+}) {
   return (
     <ul className="TraceDiffHeader--traceAttributes" data-testid="TraceDiffHeader--traceAttributes">
       <li className="TraceDiffHeader--traceAttr" data-testid="TraceDiffHeader--traceAttr">
@@ -75,8 +66,23 @@ export function Attrs(props: AttrsProps) {
   );
 }
 
-export default function TraceHeader(props: Props) {
-  const { duration, error, startTime, state, traceID, totalSpans, traceName } = props;
+export default function TraceHeader({
+  duration,
+  error = undefined,
+  startTime,
+  state,
+  traceID,
+  totalSpans,
+  traceName,
+}: {
+  duration: number | TNil;
+  error?: ApiError;
+  startTime: number | TNil;
+  state: FetchedState | TNil;
+  traceID: string | TNil;
+  traceName: string | TNil;
+  totalSpans: number | TNil;
+}) {
   const AttrsComponent = state === fetchedState.DONE ? Attrs : EmptyAttrs;
 
   return (
@@ -101,7 +107,3 @@ export default function TraceHeader(props: Props) {
     </div>
   );
 }
-
-TraceHeader.defaultProps = {
-  error: undefined,
-};