diff --git a/packages/controller/tsconfig.web.json b/packages/controller/tsconfig.web.json
index 01d0c42f..6685a163 100644
--- a/packages/controller/tsconfig.web.json
+++ b/packages/controller/tsconfig.web.json
@@ -1,7 +1,7 @@
 {
 	"extends": "../../tsconfig.web.json",
 	"references": [
-		{ "path": "../lib" },
+		{ "path": "../lib/tsconfig.web.json" },
 		{ "path": "../web_ui/tsconfig.web.json" },
 	],
 	"include": [ "web/**/*.tsx", "web/**/*.ts", "package.json" ],
diff --git a/packages/lib/.npmignore b/packages/lib/.npmignore
index e69de29b..5dfa68f1 100644
--- a/packages/lib/.npmignore
+++ b/packages/lib/.npmignore
@@ -0,0 +1 @@
+dist/web/build
diff --git a/packages/lib/src/ExponentialBackoff.ts b/packages/lib/src/ExponentialBackoff.ts
index 1e5550b5..38b13eb9 100644
--- a/packages/lib/src/ExponentialBackoff.ts
+++ b/packages/lib/src/ExponentialBackoff.ts
@@ -77,5 +77,3 @@ export default class ExponentialBackoff {
 		return Math.random() * this.base * 2 ** this._exp * 1000;
 	}
 }
-
-module.exports = ExponentialBackoff;
diff --git a/packages/lib/tsconfig.web.json b/packages/lib/tsconfig.web.json
new file mode 100644
index 00000000..a4349659
--- /dev/null
+++ b/packages/lib/tsconfig.web.json
@@ -0,0 +1,30 @@
+{
+	"extends": "../../tsconfig.web.json",
+	"include": [
+		"browser.ts",
+		"package.json",
+		"./src/api.ts",
+		"./src/config/*.ts",
+		"./src/data/*.ts",
+		"./src/errors.ts",
+		"./src/factorio/exchange_string.ts",
+		"./src/helpers.ts",
+		"./src/hash.ts",
+		"./src/ini.ts",
+		"./src/link/*.ts",
+		"./src/logging.ts",
+		"./src/permissions.ts",
+		"./src/prometheus.ts",
+		"./src/plugin.ts",
+		"./src/schema.ts",
+		"./src/subscriptions.ts",
+		"./src/zip_ops.ts",
+		"./src/ExponentialBackoff.ts",
+		"./src/RateLimiter.ts",
+		"./src/TypedEventEmitter.ts",
+	],
+	"compilerOptions": {
+		"rootDir": ".",
+		"outDir": "dist/web/build",
+	}
+}
diff --git a/packages/web_ui/src/components/AssignInstanceModal.tsx b/packages/web_ui/src/components/AssignInstanceModal.tsx
index f6525522..6749cb55 100644
--- a/packages/web_ui/src/components/AssignInstanceModal.tsx
+++ b/packages/web_ui/src/components/AssignInstanceModal.tsx
@@ -26,14 +26,14 @@ export default function AssignInstanceModal(props: AssignInstanceModalProps) {
 	let control = useContext(ControlContext);
 
 	function handleAssign() {
-		let hostId = form.getFieldValue("host");
+		let hostId: number | string | undefined = form.getFieldValue("host");
 		if (hostId === undefined) {
 			setOpen(false);
 			return;
 		}
 
-		if (hostId === "null") {
-			hostId = null;
+		if (typeof hostId === "string") {
+			hostId = undefined;
 		}
 
 		setApplying(true);
diff --git a/packages/web_ui/src/components/HostsPage.tsx b/packages/web_ui/src/components/HostsPage.tsx
index cbec5dc2..d80a4119 100644
--- a/packages/web_ui/src/components/HostsPage.tsx
+++ b/packages/web_ui/src/components/HostsPage.tsx
@@ -218,7 +218,7 @@ export default function HostsPage() {
 				{
 					title: "Connected",
 					key: "connected",
-					render: host => <Tag
+					render: (_, host) => <Tag
 						color={host.connected ? "#389e0d" : "#cf1322"}
 					>
 						{host.connected ? "Connected" : "Disconnected"}
diff --git a/packages/web_ui/src/components/InstanceList.tsx b/packages/web_ui/src/components/InstanceList.tsx
index 09868175..b3239b7b 100644
--- a/packages/web_ui/src/components/InstanceList.tsx
+++ b/packages/web_ui/src/components/InstanceList.tsx
@@ -55,14 +55,14 @@ export default function InstanceList(props: InstanceListProps) {
 		{
 			title: "Assigned Host",
 			key: "assignedHost",
-			render: instance => hostName(instance.assignedHost),
+			render: (_, instance) => hostName(instance.assignedHost),
 			sorter: (a, b) => strcmp(hostName(a.assignedHost), hostName(b.assignedHost)),
 			responsive: ["sm"],
 		},
 		{
 			title: "Public address",
 			key: "publicAddress",
-			render: instance => {
+			render: (_, instance) => {
 				let publicAddress = instancePublicAddress(instance);
 				return publicAddress ? <>
 					{publicAddress}
@@ -83,7 +83,7 @@ export default function InstanceList(props: InstanceListProps) {
 		{
 			title: "Status",
 			key: "status",
-			render: instance => <InstanceStatusTag status={instance["status"]} />,
+			render: (_, instance) => <InstanceStatusTag status={instance["status"]} />,
 			sorter: (a, b) => strcmp(a["status"], b["status"]),
 		},
 	];
@@ -91,7 +91,7 @@ export default function InstanceList(props: InstanceListProps) {
 	if (account.hasAnyPermission("core.instance.start", "core.instance.stop")) {
 		columns.push({
 			key: "action",
-			render: instance => <StartStopInstanceButton
+			render: (_, instance) => <StartStopInstanceButton
 				buttonProps={{ size: "small" }}
 				instance={instance}
 			/>,
diff --git a/packages/web_ui/src/components/ModPackViewPage.tsx b/packages/web_ui/src/components/ModPackViewPage.tsx
index ef86552b..ae2d2821 100644
--- a/packages/web_ui/src/components/ModPackViewPage.tsx
+++ b/packages/web_ui/src/components/ModPackViewPage.tsx
@@ -185,14 +185,14 @@ function SearchModsTable(props: SearchModsTableProps) {
 					{
 						title: "Title",
 						key: "title",
-						render: (result:ModResult) => result.versions[0].title,
+						render: (_, result) => result.versions[0].title,
 						defaultSortOrder: "ascend",
 						sorter: true,
 					},
 					{
 						title: "Author",
 						key: "author",
-						render: (result:ModResult) => result.versions[0].author,
+						render: (_, result) => result.versions[0].author,
 						responsive: ["lg"],
 						sorter: true,
 					},
@@ -200,7 +200,7 @@ function SearchModsTable(props: SearchModsTableProps) {
 						title: "Version",
 						key: "version",
 						align: "right",
-						render: (result:ModResult) => <Select
+						render: (_, result) => <Select
 							size="small"
 							bordered={false}
 							value={modResultSelectedVersion.get(result.name) || 0}
@@ -216,7 +216,7 @@ function SearchModsTable(props: SearchModsTableProps) {
 						title: "Action",
 						key: "action",
 						responsive: ["lg"],
-						render: (result:ModResult) => (
+						render: (_, result) => (
 							actions(result.versions[modResultSelectedVersion.get(result.name) || 0])
 						),
 					},
@@ -352,7 +352,7 @@ function ModsTable(props: ModsTableProps) {
 				{
 					title: "Name",
 					key: "name",
-					render: mod => <>
+					render: (_, mod: any) => <>
 						{mod.error === "missing" && <Tooltip title="Mod is missing from storage.">
 							<FileUnknownOutlined style={{ color: "#a61d24" }} />{" "}
 						</Tooltip>}
diff --git a/packages/web_ui/src/components/ModsPage.tsx b/packages/web_ui/src/components/ModsPage.tsx
index d193feae..553be20e 100644
--- a/packages/web_ui/src/components/ModsPage.tsx
+++ b/packages/web_ui/src/components/ModsPage.tsx
@@ -206,7 +206,7 @@ export default function ModsPage() {
 				{
 					title: "Mods",
 					key: "roles",
-					render: modPack => modPack.mods.size,
+					render: (_, modPack) => modPack.mods.size,
 				},
 			]}
 			dataSource={[...modPacks.values()]}
@@ -233,7 +233,7 @@ export default function ModsPage() {
 					title: "Version",
 					key: "version",
 					align: "right",
-					render: mod => <>
+					render: (_, mod) => <>
 						{`${mod.version} `}
 						<Typography.Text type="secondary">{`/ ${mod.factorioVersion}`}</Typography.Text>
 					</>,
@@ -248,7 +248,7 @@ export default function ModsPage() {
 					title: "Size",
 					key: "size",
 					responsive: ["lg"],
-					render: mod => lib.formatBytes(mod.size),
+					render: (_, mod) => lib.formatBytes(mod.size),
 					align: "right",
 					sorter: (a, b) => a.size - b.size,
 				},
@@ -256,7 +256,7 @@ export default function ModsPage() {
 					title: "Action",
 					key: "action",
 					responsive: ["lg"],
-					render: mod => actions(mod),
+					render: (_, mod) => actions(mod),
 				},
 			]}
 			expandable={{
diff --git a/packages/web_ui/src/components/PageLayout.tsx b/packages/web_ui/src/components/PageLayout.tsx
index 37cae78b..8a9ce1e7 100644
--- a/packages/web_ui/src/components/PageLayout.tsx
+++ b/packages/web_ui/src/components/PageLayout.tsx
@@ -13,11 +13,15 @@ type PageLayoutProps = {
 };
 export default function PageLayout(props: PageLayoutProps) {
 	return <>
-		<Breadcrumb className="site-breadcrumb">
-			{props.nav.map((part, index) => <Breadcrumb.Item key={index}>
-				{part.path ? <Link to={part.path}>{part.name}</Link> : part.name}
-			</Breadcrumb.Item>)}
-		</Breadcrumb>
+		<Breadcrumb
+			className="site-breadcrumb"
+			itemRender={(route, params, routes, paths) => (
+				route.href ? <Link to={route.href}>{route.title}</Link> : route.title
+			)}
+			items={props.nav.map(
+				(part, index) => ({ href: part.path, title: part.name }))
+			}
+		/>
 		<Content className="site-layout-content" >
 			{props.children}
 		</Content>
diff --git a/packages/web_ui/src/components/PluginsPage.tsx b/packages/web_ui/src/components/PluginsPage.tsx
index e3339f38..bd976f66 100644
--- a/packages/web_ui/src/components/PluginsPage.tsx
+++ b/packages/web_ui/src/components/PluginsPage.tsx
@@ -50,14 +50,14 @@ export default function PluginsPage() {
 				{
 					title: "Name",
 					key: "name",
-					render: plugin => (plugin.info ? plugin.info.title : plugin.meta.name),
+					render: (_, plugin) => (plugin.info ? plugin.info.title : plugin.meta.name),
 					defaultSortOrder: "ascend",
 					sorter: (a, b) => strcmp(a.info ? a.info.title : a.meta.name, b.info ? b.info.title : b.meta.name),
 				},
 				{
 					title: "Version",
 					key: "version",
-					render: plugin => {
+					render: (_, plugin) => {
 						if (!plugin.package) {
 							return "Error loading module";
 						}
diff --git a/packages/web_ui/src/components/SavesList.tsx b/packages/web_ui/src/components/SavesList.tsx
index 69e79b30..2cbe4c8e 100644
--- a/packages/web_ui/src/components/SavesList.tsx
+++ b/packages/web_ui/src/components/SavesList.tsx
@@ -211,10 +211,10 @@ export default function SavesList(props: { instance: lib.InstanceDetails }) {
 		columns={[
 			{
 				title: "Name",
-				render: save => <>
+				render: (_, save) => <>
 					{save.name}
 					{save.loaded && <Tooltip title="Currently loaded save"><CaretLeftOutlined/></Tooltip>}
-					{save.default && <Tooltip title="Save loaded by default"><LeftOutlined/></Tooltip>}
+					{save.loadByDefault && <Tooltip title="Save loaded by default"><LeftOutlined/></Tooltip>}
 				</>,
 				sorter: (a, b) => a.name.localeCompare(b.name),
 			},
@@ -222,14 +222,14 @@ export default function SavesList(props: { instance: lib.InstanceDetails }) {
 				title: "Size",
 				key: "size",
 				responsive: ["sm"],
-				render: save => lib.formatBytes(save.size),
+				render: (_, save) => lib.formatBytes(save.size),
 				align: "right",
 				sorter: (a, b) => a.size - b.size,
 			},
 			{
 				title: "Last Modified",
 				key: "mtimeMs",
-				render: save => new Date(save.mtimeMs).toLocaleString(),
+				render: (_, save) => new Date(save.mtimeMs).toLocaleString(),
 				sorter: (a, b) => a.mtimeMs - b.mtimeMs,
 				defaultSortOrder: "descend",
 			},
diff --git a/packages/web_ui/src/components/UserViewPage.tsx b/packages/web_ui/src/components/UserViewPage.tsx
index 07620da2..7ac4c72b 100644
--- a/packages/web_ui/src/components/UserViewPage.tsx
+++ b/packages/web_ui/src/components/UserViewPage.tsx
@@ -304,27 +304,27 @@ export default function UserViewPage() {
 				{
 					title: "Instance",
 					key: "instance",
-					render: ([id]) => instanceName(id),
+					render: (_, [id]) => instanceName(id),
 					defaultSortOrder: "ascend",
 					sorter: (a, b) => strcmp(instanceName(a[0]), instanceName(b[0])),
 				},
 				{
 					title: "Online time",
 					key: "onlineTime",
-					render: ([, stats]) => formatDuration(stats.onlineTimeMs || 0),
+					render: (_, [, stats]) => formatDuration(stats.onlineTimeMs || 0),
 					sorter: (a, b) => (a[1].onlineTimeMs || 0) - (b[1].onlineTimeMs || 0),
 				},
 				{
 					title: "Join count",
 					key: "joinCoint",
-					render: ([, stats]) => stats.joinCount || 0,
+					render: (_, [, stats]) => stats.joinCount || 0,
 					sorter: (a, b) => (a[1].joinCount || 0) - (b[1].joinCount || 0),
 					responsive: ["sm"],
 				},
 				{
 					title: "Last seen",
 					key: "lastSeen",
-					render: ([id]) => formatLastSeen(user, id),
+					render: (_, [id]) => formatLastSeen(user, id),
 					sorter: (a, b) => sortLastSeen(user, user, a[0], b[0]),
 				},
 			]}
diff --git a/packages/web_ui/src/components/UsersPage.tsx b/packages/web_ui/src/components/UsersPage.tsx
index b7469d40..c7ef96b3 100644
--- a/packages/web_ui/src/components/UsersPage.tsx
+++ b/packages/web_ui/src/components/UsersPage.tsx
@@ -82,7 +82,7 @@ export default function UsersPage() {
 				{
 					title: "Name",
 					key: "name",
-					render: (user: lib.User) => <Space>
+					render: (_, user) => <Space>
 						{user.name}
 						<span>
 							{user.isAdmin && <Tag color="gold">Admin</Tag>}
@@ -96,14 +96,14 @@ export default function UsersPage() {
 				{
 					title: "Roles",
 					key: "roles",
-					render: (user: lib.User) => (
+					render: (_, user) => (
 						[...user.roleIds].map(id => <Tag key={id}>{(roles.get(id) || { name: id }).name}</Tag>)
 					),
 				},
 				{
 					title: "Online time",
 					key: "onlineTime",
-					render: (user: lib.User) => (user.playerStats?.onlineTimeMs
+					render: (_, user) => (user.playerStats?.onlineTimeMs
 						? formatDuration(user.playerStats.onlineTimeMs) : null),
 					sorter: (a, b) => (a.playerStats?.onlineTimeMs ?? 0) -
 						(b.playerStats?.onlineTimeMs ?? 0),
@@ -112,7 +112,7 @@ export default function UsersPage() {
 				{
 					title: "Last seen",
 					key: "lastSeen",
-					render: (user: lib.User) => formatLastSeen(user),
+					render: (_, user) => formatLastSeen(user),
 					sorter: (a, b) => sortLastSeen(a, b),
 					responsive: ["lg"],
 				},
diff --git a/packages/web_ui/tsconfig.web.json b/packages/web_ui/tsconfig.web.json
index 3beee793..65754630 100644
--- a/packages/web_ui/tsconfig.web.json
+++ b/packages/web_ui/tsconfig.web.json
@@ -1,7 +1,7 @@
 {
 	"extends": "../../tsconfig.web.json",
 	"references": [
-		{ "path": "../lib" },
+		{ "path": "../lib/tsconfig.web.json" },
 	],
 	"include": [ "src/**/*.tsx", "src/**/*.ts", "package.json", "global.d.ts" ],
 	"compilerOptions": {
diff --git a/plugins/global_chat/tsconfig.web.json b/plugins/global_chat/tsconfig.web.json
index 64a8f2a5..c37f9141 100644
--- a/plugins/global_chat/tsconfig.web.json
+++ b/plugins/global_chat/tsconfig.web.json
@@ -1,7 +1,7 @@
 {
 	"extends": "../../tsconfig.web.json",
 	"references": [
-		{ "path": "../../packages/lib" },
+		{ "path": "../../packages/lib/tsconfig.web.json" },
 		{ "path": "../../packages/web_ui/tsconfig.web.json" },
 	],
 	"include": [ "web/**/*.tsx", "web/**/*.ts", "messages.ts", "package.json" ],
diff --git a/plugins/inventory_sync/tsconfig.web.json b/plugins/inventory_sync/tsconfig.web.json
index 64a8f2a5..c37f9141 100644
--- a/plugins/inventory_sync/tsconfig.web.json
+++ b/plugins/inventory_sync/tsconfig.web.json
@@ -1,7 +1,7 @@
 {
 	"extends": "../../tsconfig.web.json",
 	"references": [
-		{ "path": "../../packages/lib" },
+		{ "path": "../../packages/lib/tsconfig.web.json" },
 		{ "path": "../../packages/web_ui/tsconfig.web.json" },
 	],
 	"include": [ "web/**/*.tsx", "web/**/*.ts", "messages.ts", "package.json" ],
diff --git a/plugins/player_auth/tsconfig.web.json b/plugins/player_auth/tsconfig.web.json
index 64a8f2a5..c37f9141 100644
--- a/plugins/player_auth/tsconfig.web.json
+++ b/plugins/player_auth/tsconfig.web.json
@@ -1,7 +1,7 @@
 {
 	"extends": "../../tsconfig.web.json",
 	"references": [
-		{ "path": "../../packages/lib" },
+		{ "path": "../../packages/lib/tsconfig.web.json" },
 		{ "path": "../../packages/web_ui/tsconfig.web.json" },
 	],
 	"include": [ "web/**/*.tsx", "web/**/*.ts", "messages.ts", "package.json" ],
diff --git a/plugins/research_sync/tsconfig.web.json b/plugins/research_sync/tsconfig.web.json
index 64a8f2a5..c37f9141 100644
--- a/plugins/research_sync/tsconfig.web.json
+++ b/plugins/research_sync/tsconfig.web.json
@@ -1,7 +1,7 @@
 {
 	"extends": "../../tsconfig.web.json",
 	"references": [
-		{ "path": "../../packages/lib" },
+		{ "path": "../../packages/lib/tsconfig.web.json" },
 		{ "path": "../../packages/web_ui/tsconfig.web.json" },
 	],
 	"include": [ "web/**/*.tsx", "web/**/*.ts", "messages.ts", "package.json" ],
diff --git a/plugins/statistics_exporter/tsconfig.web.json b/plugins/statistics_exporter/tsconfig.web.json
index f70c4e0d..decec50c 100644
--- a/plugins/statistics_exporter/tsconfig.web.json
+++ b/plugins/statistics_exporter/tsconfig.web.json
@@ -1,7 +1,7 @@
 {
 	"extends": "../../tsconfig.web.json",
 	"references": [
-		{ "path": "../../packages/lib" },
+		{ "path": "../../packages/lib/tsconfig.web.json" },
 		{ "path": "../../packages/web_ui/tsconfig.web.json" },
 	],
 	"include": [ "web/**/*.tsx", "web/**/*.ts", "package.json" ],
diff --git a/plugins/subspace_storage/tsconfig.web.json b/plugins/subspace_storage/tsconfig.web.json
index 64a8f2a5..c37f9141 100644
--- a/plugins/subspace_storage/tsconfig.web.json
+++ b/plugins/subspace_storage/tsconfig.web.json
@@ -1,7 +1,7 @@
 {
 	"extends": "../../tsconfig.web.json",
 	"references": [
-		{ "path": "../../packages/lib" },
+		{ "path": "../../packages/lib/tsconfig.web.json" },
 		{ "path": "../../packages/web_ui/tsconfig.web.json" },
 	],
 	"include": [ "web/**/*.tsx", "web/**/*.ts", "messages.ts", "package.json" ],
diff --git a/plugins/subspace_storage/web/index.tsx b/plugins/subspace_storage/web/index.tsx
index 3950b627..345795f2 100644
--- a/plugins/subspace_storage/web/index.tsx
+++ b/plugins/subspace_storage/web/index.tsx
@@ -92,7 +92,7 @@ function StoragePage() {
 						if (aName > bName) { return 1; }
 						return 0;
 					},
-					render: item => {
+					render: (_, item) => {
 						let localeName = getLocaleName(item[0]);
 						let hasMeta = itemMetadata.get(item[0]);
 
@@ -108,7 +108,7 @@ function StoragePage() {
 					align: "right",
 					defaultSortOrder: "descend",
 					sorter: (a, b) => a[1] - b[1],
-					render: item => numberFormat.format(item[1]),
+					render: (_, item) => numberFormat.format(item[1]),
 				},
 			]}
 			dataSource={filter ? storage.filter(filter) : storage}
diff --git a/tsconfig.json b/tsconfig.json
index f2af308f..c9f896d7 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -2,6 +2,7 @@
 	"files": [],
 	"references": [
 		{ "path": "./packages/lib" },
+		{ "path": "./packages/lib/tsconfig.web.json" },
 		{ "path": "./packages/controller" },
 		{ "path": "./packages/controller/tsconfig.web.json" },
 		{ "path": "./packages/host" },