Misc. type fixes

src/components/Card.tsx

@@ -31,6 +31,7 @@ export const Card = styled(CardRebass).attrs({
 	min-width: 200px;
 
 	/* Prevents hover jitter effect, credit to https://maximelafarie.com/avoid-css-flickering */
+	transform: translate3d(0,0,0);
 	-webkit-transform: translate3d(0,0,0);
 
 	&:hover {

src/components/Section.tsx

@@ -7,7 +7,7 @@ import { SECTION } from "../utils/constants";
 import { getSectionHref } from "../utils/helpers";
 
 type ContainerProps = {
-	id: SECTION;
+	id?: SECTION;
 	children: ReactNode;
 	styles?: string;
 	Background?: () => JSX.Element;

src/utils/wrapPageElement.tsx

@@ -99,7 +99,7 @@ class WrapPageElement extends React.Component {
 			// Not rendering the current page as a modal, but we may be in the process of animating
 			// the old modal content to close, so render the last modal content we have cached
 
-			modalElement = React.createElement(_.get(lastModalProps, "pageResources.component"), {
+			modalElement = React.createElement(_.get(lastModalProps!, "pageResources.component"), {
 				// @ts-ignores
 				...lastModalProps,
 				key: _.get(lastModalProps, "pageResources.page.path"),

yarn.lock

@@ -4219,9 +4219,9 @@ caniuse-api@^3.0.0:
     lodash.uniq "^4.5.0"
 
 caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001125, caniuse-lite@^1.0.30001317:
-  version "1.0.30001319"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001319.tgz#eb4da4eb3ecdd409f7ba1907820061d56096e88f"
-  integrity sha512-xjlIAFHucBRSMUo1kb5D4LYgcN1M45qdKP++lhqowDpwJwGkpIRTt5qQqnhxjj1vHcI7nrJxWhCC1ATrCEBTcw==
+  version "1.0.30001456"
+  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001456.tgz"
+  integrity sha512-XFHJY5dUgmpMV25UqaD4kVq2LsiaU5rS8fb0f17pCoXQiQslzmFgnfOxfvo1bTpTqf7dwG/N/05CnLCnOEKmzA==
 
 ccount@^1.0.0:
   version "1.1.0"