Upgrade a few dev dependencies.

.eslintrc.js

@@ -5,13 +5,13 @@ module.exports = {
     "plugin:jest/recommended",
     // Prettier must go last so that it can turn off other rules
     "prettier",
-    "prettier/react"
+    "prettier/react",
   ],
   plugins: ["jest"],
   env: {
-    "jest/globals": true
+    "jest/globals": true,
   },
   rules: {
-    "react/jsx-filename-extension": ["error", { extensions: [".jsx", ".tsx"] }]
-  }
+    "react/jsx-filename-extension": ["error", { extensions: [".jsx", ".tsx"] }],
+  },
 };

babel.config.js

@@ -2,7 +2,7 @@ module.exports = {
   presets: [
     "@babel/preset-env",
     "@babel/preset-react",
-    "@babel/preset-typescript"
+    "@babel/preset-typescript",
   ],
-  plugins: []
+  plugins: [],
 };

package.json

@@ -15,7 +15,7 @@
   "scripts": {
     "test": "yarn run test:eslint && yarn run test:jest && yarn run test:prettier",
     "test:eslint": "eslint . --ignore-path .gitignore --ext .jsx --ext .js --ext .tsx --ext .ts",
-    "test:jest": "jest --coverage",
+    "test:jest": "jest",
     "test:prettier": "prettier \"**/*.{js,jsx,ts,tsx,css,scss,json,md,mdx,html}\" --list-different",
     "prepublishOnly": "microbundle --globals react=React",
     "format": "prettier \"**/*.{js,jsx,ts,tsx,css,scss,json,md,mdx,html}\" --write",
@@ -27,26 +27,26 @@
     "@babel/preset-react": "^7.0.0",
     "@babel/preset-typescript": "^7.3.3",
     "@testing-library/react": "^8.0.1",
-    "@types/jest": "^24.0.15",
+    "@types/jest": "^25.2.3",
     "@types/react": "^16.8.20",
-    "@typescript-eslint/parser": "^1.10.2",
+    "@typescript-eslint/parser": "^3.1.0",
     "babel-core": "^7.0.0-bridge.0",
-    "babel-jest": "^24.0.0",
+    "babel-jest": "^26.0.1",
     "babel-loader": "^8.0.4",
     "codecov": "^3.1.0",
-    "eslint": "^5.10.0",
-    "eslint-config-airbnb": "^17.1.0",
-    "eslint-config-prettier": "^5.0.0",
+    "eslint": "^7.2.0",
+    "eslint-config-airbnb": "^18.1.0",
+    "eslint-config-prettier": "^6.11.0",
     "eslint-plugin-import": "^2.14.0",
-    "eslint-plugin-jest": "^22.1.2",
+    "eslint-plugin-jest": "^23.13.2",
     "eslint-plugin-jsx-a11y": "^6.1.2",
     "eslint-plugin-react": "^7.11.1",
-    "husky": "^2.4.1",
-    "jest": "^24.0.0",
+    "husky": "^4.2.5",
+    "jest": "^26.0.1",
     "microbundle": "^0.11.0",
     "np": "^5.0.3",
-    "prettier": "^1.18.2",
-    "pretty-quick": "^1.11.1",
+    "prettier": "^2.0.5",
+    "pretty-quick": "^2.0.1",
     "react": "^16.6.3",
     "react-dom": "^16.6.3"
   },

src/index.test.jsx

@@ -7,7 +7,7 @@ afterEach(cleanup);
 const charCode = {
   enter: 13,
   space: 32,
-  period: 190
+  period: 190,
 };
 
 test("renders into document", () => {
@@ -123,7 +123,7 @@ describe("events", () => {
     );
 
     fireEvent.keyPress(getByText("Submit"), {
-      charCode: charCode.space
+      charCode: charCode.space,
     });
 
     expect(onClick).toHaveBeenCalledTimes(1);
@@ -137,7 +137,7 @@ describe("events", () => {
     );
 
     fireEvent.keyPress(getByText("Submit"), {
-      charCode: charCode.space
+      charCode: charCode.space,
     });
 
     expect(onKeyPress).toHaveBeenCalledTimes(1);
@@ -182,7 +182,7 @@ describe("events", () => {
     );
 
     fireEvent.keyPress(getByText("Submit"), {
-      charCode: charCode.space
+      charCode: charCode.space,
     });
 
     expect(onClick).toHaveBeenCalledTimes(0);
@@ -191,7 +191,7 @@ describe("events", () => {
 
   test("does not run `onClick` if a valid key is pressed, the consumer passes in their on `onKeyPress`, and the consumer's `onKeyPress` prevents the event", () => {
     const handleClick = jest.fn();
-    const onKeyPress = jest.fn().mockImplementation(event => {
+    const onKeyPress = jest.fn().mockImplementation((event) => {
       event.preventDefault();
     });
 
@@ -236,7 +236,7 @@ describe("events", () => {
     );
 
     fireEvent.keyPress(getByText("Submit"), {
-      charCode: charCode.period
+      charCode: charCode.period,
     });
 
     expect(handleClick).toHaveBeenCalledTimes(0);
@@ -279,7 +279,7 @@ describe("disabled", () => {
     );
 
     fireEvent.keyPress(getByText("Submit"), {
-      charCode: charCode.space
+      charCode: charCode.space,
     });
 
     expect(handleClick).toHaveBeenCalledTimes(0);
@@ -341,19 +341,26 @@ describe("`onClick` prop is not provided", () => {
   test("does not error when space is pressed", () => {
     const { getByText } = render(<ClickableBox>Submit</ClickableBox>);
 
-    fireEvent.keyPress(getByText("Submit"), {
-      charCode: charCode.space
-    });
+    expect(() => {
+      fireEvent.keyPress(getByText("Submit"), {
+        charCode: charCode.space,
+      });
+    }).not.toThrow();
   });
 
   test("does not error when enter is pressed", () => {
     const { getByText } = render(<ClickableBox>Submit</ClickableBox>);
 
-    fireEvent.keyPress(getByText("Submit"), { charCode: charCode.enter });
+    expect(() => {
+      fireEvent.keyPress(getByText("Submit"), { charCode: charCode.enter });
+    }).not.toThrow();
   });
 
   test("does not error event when clicked on", () => {
     const { getByText } = render(<ClickableBox>Submit</ClickableBox>);
-    fireEvent.click(getByText("Submit"));
+
+    expect(() => {
+      fireEvent.click(getByText("Submit"));
+    }).not.toThrow();
   });
 });

src/index.tsx

@@ -91,13 +91,15 @@ class ClickableBox extends React.Component<ClickableBoxProps> {
         // Announce to screen readers that the `ClickableBox` is disabled.
         aria-disabled={disabled ? "true" : undefined}
         ref={innerRef}
+        // eslint-disable-next-line react/jsx-props-no-spreading
         {...otherProps}
       />
     );
   }
 }
 
 function forwardRef(props: ClickableBoxProps, ref?: React.Ref<HTMLElement>) {
+  // eslint-disable-next-line react/jsx-props-no-spreading
   return <ClickableBox innerRef={ref} {...props} />;
 }