changed functional component tyoe

Author: GokulSNath

src/bubble/bubble.tsx

@@ -1,9 +1,9 @@
-import React, {ReactElement} from "react";
+import React, { FC } from "react";
 import { IBubbleProps } from "./types";
 import whiteTick from '../assets/white-tick.svg';
 import { STEP_STATUSES } from './constants';
 import styles from './styles';
-const Bubble = (props: IBubbleProps): ReactElement => {
+const Bubble: FC<IBubbleProps> = (props) => {
   const {
     step,
     enableStepClick,

src/stepper-component/stepperComponent.tsx

@@ -1,9 +1,9 @@
-import React, { useState, useEffect, ReactElement } from 'react';
+import React, { useState, useEffect, ReactElement, FC } from 'react';
 import styles from './styles';
 import { IStep, IStepperProps } from './types';
 import Bubble from '../bubble';
 
-const Stepper = (props: IStepperProps): ReactElement => {
+const Stepper: FC<IStepperProps> = (props) => {
   const {
     steps,
     currentActiveStepIndex,