test(staticprops): replace expected error messages

__tests__/staticProps.test.jsx

@@ -50,13 +50,18 @@ describe('static props', () => {
       name: PropTypes.string.isRequired,
     };
 
-    const ViewComp = view(MyCustomCompName);
+    const ViewComp = MyCustomCompName;
 
     const errorSpy = jest
       .spyOn(console, 'error')
-      .mockImplementation((message) =>
-        expect(message.indexOf('Failed prop type')).not.toBe(-1),
-      );
+      .mockImplementation((warning, prop, error) => {
+        expect(warning).toBe('Warning: Failed %s type: %s%s');
+        expect(prop).toBe('prop');
+        expect(error).toBe(
+          'The prop `name` is marked as required in `MyCustomCompName`, but its value is `undefined`.',
+        );
+      });
+    expect(1).toBe(1);
     render(<ViewComp number="Bob" />);
     expect(errorSpy).toHaveBeenCalled();
     errorSpy.mockRestore();
@@ -75,9 +80,13 @@ describe('static props', () => {
 
     const errorSpy = jest
       .spyOn(console, 'error')
-      .mockImplementation((message) =>
-        expect(message.indexOf('Failed prop type')).not.toBe(-1),
-      );
+      .mockImplementation((warning, prop, error) => {
+        expect(warning).toBe('Warning: Failed %s type: %s%s');
+        expect(prop).toBe('prop');
+        expect(error).toBe(
+          'Invalid prop `number` of type `string` supplied to `MyCustomCompName`, expected `number`.',
+        );
+      });
     render(<ViewComp number="Bob" />);
     expect(errorSpy).toHaveBeenCalled();
     errorSpy.mockRestore();

package.json

@@ -103,8 +103,8 @@
     "no-hook-react-testing-library": "npm:[email protected]",
     "nyc": "^15.1.0",
     "prettier": "^2.2.1",
-    "react": "^16.12.0",
-    "react-dom": "^16.13.0",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
     "react-native": "^0.63.4",
     "react-router-dom": "^5.2.0",
     "react-test-renderer": "^17.0.1",