Upgrade sequelize and improve tests

.eslintrc

@@ -1,6 +1,14 @@
 {
 	"extends": ["airbnb", "prettier"],
-	"plugins": ["react", "import", "prettier", "react-hooks", "pubpub-rules", "@typescript-eslint", "@blueprintjs"],
+	"plugins": [
+		"react",
+		"import",
+		"prettier",
+		"react-hooks",
+		"pubpub-rules",
+		"@typescript-eslint",
+		"@blueprintjs"
+	],
 	"parser": "@typescript-eslint/parser",
 	"env": {
 		"browser": true,

.jest/setup-env.js

@@ -33,8 +33,8 @@ if (typeof document !== 'undefined') {
 			focusNode: null,
 			anchorNode: null,
 			rangeCount: 0,
-			addRange: () => {},
-			removeAllRanges: () => {},
+			addRange: () => { },
+			removeAllRanges: () => { },
 		};
 	};
 
@@ -44,8 +44,8 @@ if (typeof document !== 'undefined') {
 			commonAncestorContainer: {
 				ownerDocument: document,
 			},
-			setStart: () => {},
-			setEnd: () => {},
+			setStart: () => { },
+			setEnd: () => { },
 			getClientRects: () => [],
 			getBoundingClientRect: () => ({
 				left: 0,
@@ -61,7 +61,15 @@ if (typeof document !== 'undefined') {
 }
 
 if (typeof window !== 'undefined') {
-	window.requestIdleCallback = () => {};
+	window.requestIdleCallback = () => { };
 }
 
 global.fetch = () => new Promise((resolve) => setTimeout(resolve), 1e4);
+
+if (typeof window === 'undefined') {
+	/**
+	 * This is here because Jest overrides setImmediate in a strange way.
+	 * This fixes @see{../utils/async/__tests__/async.test.ts}
+	 */
+	global.setImmediateNode = setImmediate
+}

client/components/Banner/Banner.tsx

@@ -12,7 +12,10 @@ require('./banner.scss');
 const Banner = (props: Props) => {
 	const { bannerText, accentColor, right } = props;
 
-	const lighterAccentColor = useMemo(() => Color(accentColor).alpha(0.1), [accentColor]);
+	const lighterAccentColor = useMemo(
+		() => Color(accentColor).alpha(0.1).toString(),
+		[accentColor],
+	);
 
 	return (
 		<div style={{ background: lighterAccentColor }} className="banner">