diff --git a/src/router.ts b/src/router.ts
index 499c147..8afb88b 100644
--- a/src/router.ts
+++ b/src/router.ts
@@ -1,6 +1,5 @@
 import { nothing } from 'lit-html';
-import type { DirectiveResult } from 'lit-html/directive.js';
-import { guard, GuardDirective } from 'lit-html/directives/guard.js';
+import { guard } from 'lit-html/directives/guard.js';
 import { until } from 'lit-html/directives/until.js';
 import { component } from '@pionjs/pion';
 
@@ -12,7 +11,7 @@ interface Props {
 }
 interface RouterT extends HTMLElement, Props {}
 
-const Router = (host: RouterT): DirectiveResult<typeof GuardDirective> => {
+const Router = (host: RouterT) => {
 	const routes: Route[] = host.routes,
 		{ route, result } = useRouter(routes);
 
diff --git a/tsconfig.json b/tsconfig.json
index 0fa4bf0..754a1b9 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -3,7 +3,7 @@
 		"allowSyntheticDefaultImports": true,
 		"noEmit": true,
 		"module": "esnext",
-		"moduleResolution": "node",
+		"moduleResolution": "bundler",
 		"strict": true,
 		"target": "esnext",
 		"allowJs": true