Remove defaultProps in Ship and TicTacToe

package.json

@@ -44,7 +44,7 @@
     "firebase": "^11.0.1",
     "graphql": "16.9.0",
     "next": "^15.0.2",
-    "node-fetch": "3.3.2",
+    "node-fetch": "^2.6.6",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-query": "^3.39.3",

src/components/Ship/Ship.test.tsx

@@ -29,9 +29,9 @@ const mockShip: IShip = {
 describe('<Ship />', () => {
   afterEach(cleanup);
 
-  it('should render', () => {
-    render(<Ship ship={mockShip.ship} />);
-    expect(screen.getByTestId('ship-GOMSTREE')).toBeInTheDocument();
+  it('should not render with null data', () => {
+    render(<Ship />);
+    expect(screen.queryByTestId('ship-GOMSTREE')).toBeNull();
   });
 
   it('should render weightless ship', () => {

src/components/Ship/Ship.tsx

@@ -9,6 +9,8 @@ const Ship = ({ ship }: IShip) => {
     setIsOpen((prev) => !prev);
   };
 
+  if (!ship) return null;
+
   return (
     <div
       className={styles['ship-card']}
@@ -88,8 +90,4 @@ const Ship = ({ ship }: IShip) => {
   );
 };
 
-Ship.defaultProps = {
-  ship: null,
-};
-
 export default Ship;

src/components/TicTacToe/BoardRow.tsx

@@ -17,7 +17,7 @@ const BoardRow = ({
   rowIndex,
   onCellClick,
   board,
-  winningCells,
+  winningCells = [],
 }: BoardRowProps) => {
   let borderClasses = '';
 
@@ -49,8 +49,4 @@ const BoardRow = ({
   );
 };
 
-BoardRow.defaultProps = {
-  winningCells: [],
-};
-
 export default BoardRow;