diff --git a/dist/Button/Button.d.ts b/dist/Button/Button.d.ts
index 13e3b50..2b0e349 100644
--- a/dist/Button/Button.d.ts
+++ b/dist/Button/Button.d.ts
@@ -15,7 +15,7 @@ declare const ButtonLabel: {
         /**
          * Visual variations of the button.
          */
-        variant?: "primary" | "secondary" | "warning" | undefined;
+        variant?: Variant | undefined;
     }): JSX.Element;
     defaultProps: {
         inline: boolean;
@@ -70,14 +70,14 @@ declare const Button: (props: {
      * Function to run when the button is engaged. Forwarded to the button
      * element.
      */
-    onClick?: ((event: React.UIEvent<HTMLButtonElement, UIEvent>) => void) | undefined;
+    onClick?: React.UIEventHandler<HTMLButtonElement> | undefined;
     /**
      * The WAI-ARIA element role. It is always preferable to use the
      * approporiate HTML element over the role attribute, e.g.
      * `<input type="checkbox" />` is preferred to `<Button role="checkbox" />`.
      * Forwarded to the button element.
      */
-    role?: "link" | "option" | "switch" | "checkbox" | "radio" | "menuitem" | "tab" | "menuitemcheckbox" | "menuitemradio" | undefined;
+    role?: AriaRole | undefined;
     /**
      * When value is 'submit', the button will submit a parent `<form>`
      * element when engaged. Forwarded to the button element.
@@ -86,7 +86,7 @@ declare const Button: (props: {
     /**
      * Visual variations of the button. See `ButtonLabel.propTypes.variant`
      */
-    variant?: "primary" | "secondary" | "warning" | undefined;
+    variant?: Variant | undefined;
 }) => JSX.Element;
 export { ButtonLabel };
 export default Button;
diff --git a/dist/ResponsiveImage/ResponsiveImage.d.ts b/dist/ResponsiveImage/ResponsiveImage.d.ts
index 47e5068..9ea50da 100644
--- a/dist/ResponsiveImage/ResponsiveImage.d.ts
+++ b/dist/ResponsiveImage/ResponsiveImage.d.ts
@@ -57,6 +57,6 @@ export default function ResponsiveImage(props: {
      * For fixed-dimension images, pass the same value for the minimum
      * and maximum values, e.g. `[ 100, 100 ]`.
      */
-    widthRange: Array<number>;
+    widthRange: [number, number];
 }): JSX.Element;
 //# sourceMappingURL=ResponsiveImage.d.ts.map
\ No newline at end of file
diff --git a/dist/ResponsiveImage/ResponsiveImage.d.ts.map b/dist/ResponsiveImage/ResponsiveImage.d.ts.map
index 31fbced..5c9f85b 100644
--- a/dist/ResponsiveImage/ResponsiveImage.d.ts.map
+++ b/dist/ResponsiveImage/ResponsiveImage.d.ts.map
@@ -1 +1 @@
-{"version":3,"file":"ResponsiveImage.d.ts","sourceRoot":"","sources":["../../src/components/ResponsiveImage/ResponsiveImage.tsx"],"names":[],"mappings":";AAIA,MAAM,CAAC,OAAO,UAAU,eAAe,CAAE,KAAK,EAAE;IAC/C;;;;OAIG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,cAAc,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;;;;;;;;OAWG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;;;;;OAMG;IACH,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;CAC1B,eA0CA"}
\ No newline at end of file
+{"version":3,"file":"ResponsiveImage.d.ts","sourceRoot":"","sources":["../../src/components/ResponsiveImage/ResponsiveImage.tsx"],"names":[],"mappings":";AAIA,MAAM,CAAC,OAAO,UAAU,eAAe,CAAE,KAAK,EAAE;IAC/C;;;;OAIG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,cAAc,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;;;;;;;;OAWG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;;;;;OAMG;IACH,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC7B,eA0CA"}
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index fec5a00..1553832 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -18908,9 +18908,9 @@
 			}
 		},
 		"typescript": {
-			"version": "4.0.3",
-			"resolved": "https://registry.npmjs.org/typescript/-/typescript-4.0.3.tgz",
-			"integrity": "sha512-tEu6DGxGgRJPb/mVPIZ48e69xCn2yRmCgYmDugAVwmJ6o+0u1RI18eO7E7WBTLYLaEVVOhwQmcdhQHweux/WPg==",
+			"version": "4.5.5",
+			"resolved": "https://registry.npmjs.org/typescript/-/typescript-4.5.5.tgz",
+			"integrity": "sha512-TCTIul70LyWe6IJWT8QSYeA54WQe8EjQFU4wY52Fasj5UKx88LNYKCgBEHcOMOrFF1rKGbD8v/xcNWVUq9SymA==",
 			"dev": true
 		},
 		"unfetch": {
diff --git a/package.json b/package.json
index 3efbd2d..44304c1 100644
--- a/package.json
+++ b/package.json
@@ -59,6 +59,6 @@
 		"sass-loader": "^10.1.0",
 		"style-loader": "^2.0.0",
 		"stylelint": "^13.6.1",
-		"typescript": "^4.0.3"
+		"typescript": "^4.5.5"
 	}
 }
diff --git a/src/components/ResponsiveImage/ResponsiveImage.tsx b/src/components/ResponsiveImage/ResponsiveImage.tsx
index f8be87e..1ca0449 100644
--- a/src/components/ResponsiveImage/ResponsiveImage.tsx
+++ b/src/components/ResponsiveImage/ResponsiveImage.tsx
@@ -60,7 +60,7 @@ export default function ResponsiveImage( props: {
 	 * For fixed-dimension images, pass the same value for the minimum
 	 * and maximum values, e.g. `[ 100, 100 ]`.
 	 */
-	widthRange: Array<number>;
+	widthRange: [number, number];
 } ) {
 	const {
 		alt,
diff --git a/tsconfig.json b/tsconfig.json
index 2aee230..9e4a952 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -13,7 +13,8 @@
     "outDir": "dist",
     "resolveJsonModule": true,
     "sourceMap": true,
-    "strictNullChecks": true
+    "strictNullChecks": true,
+    "noUncheckedIndexedAccess": true
   },
   "include": [
     "src/components/**/*"