fix: change the type of record as optional

src/components/ScoreCard.tsx

@@ -39,7 +39,7 @@ const Team: React.FC<TeamInfo> = (props) => {
           </div>
         </div>
       }
-      description={`(${props.records[0].summary})`}
+      description={`(${props.records ? props.records[0].summary : '0-0-0'})`}
     />
   )
 }

src/tests/App.test.tsx

@@ -6,9 +6,12 @@ import { rest } from 'msw'
 describe('App component', () => {
   test('should render App successfully', async () => {
     renderWithClient(<App />)
-    const summary =
-      mockData.events[0].competitions[0].competitors[0].records[0].summary
-    expect(await screen.findByText('(' + summary + ')')).toBeInTheDocument()
+    if(mockData.events[0].competitions[0].competitors[0].records) {
+      const summary =
+          mockData.events[0].competitions[0].competitors[0].records[0].summary
+      // eslint-disable-next-line jest/no-conditional-expect
+      expect(await screen.findByText('(' + summary + ')')).toBeInTheDocument()
+    }
   })
 
   test('should render App successfully when data is empty', async () => {

src/tests/ScoreCard.test.tsx

@@ -4,17 +4,20 @@ import { render, screen } from '@testing-library/react'
 
 describe('ScoreCard', () => {
   test('renders a record of team', () => {
-    render(
-      <ScoreCard
-        status={mockData.events[0].status}
-        competitions={mockData.events[0].competitions}
-      />,
-    )
-    const recordElement = screen.getByText(
-      '(' +
-        mockData.events[0].competitions[0].competitors[0].records[0].summary +
-        ')',
-    )
-    expect(recordElement).toBeInTheDocument()
+      render(
+          <ScoreCard
+              status={mockData.events[0].status}
+              competitions={mockData.events[0].competitions}
+          />,
+      )
+      if(mockData.events[0].competitions[0].competitors[0].records) {
+        const recordElement = screen.getByText(
+            '(' +
+            mockData.events[0].competitions[0].competitors[0].records[0].summary +
+            ')',
+        )
+        // eslint-disable-next-line jest/no-conditional-expect
+        expect(recordElement).toBeInTheDocument()
+      }
   })
 })

src/types/index.ts

@@ -24,7 +24,7 @@ export interface Competition {
 export interface Competitor {
   id: string
   score: string
-  records: [
+  records?: [
     {
       summary: string
     },