diff --git a/change/@microsoft-fast-element-7dca0636-ad22-44b9-b9b3-19f7d7fbf6b0.json b/change/@microsoft-fast-element-7dca0636-ad22-44b9-b9b3-19f7d7fbf6b0.json
new file mode 100644
index 00000000000..9569f180466
--- /dev/null
+++ b/change/@microsoft-fast-element-7dca0636-ad22-44b9-b9b3-19f7d7fbf6b0.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "BREAKING: update fast-element export paths to include extensions",
+  "packageName": "@microsoft/fast-element",
+  "email": "chhol@microsoft.com",
+  "dependentChangeType": "prerelease"
+}
diff --git a/change/@microsoft-fast-foundation-6add2d79-c578-4675-ad46-a212cb8c9b0a.json b/change/@microsoft-fast-foundation-6add2d79-c578-4675-ad46-a212cb8c9b0a.json
new file mode 100644
index 00000000000..35ff876b9c7
--- /dev/null
+++ b/change/@microsoft-fast-foundation-6add2d79-c578-4675-ad46-a212cb8c9b0a.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "update fast-element export paths to include extensions",
+  "packageName": "@microsoft/fast-foundation",
+  "email": "chhol@microsoft.com",
+  "dependentChangeType": "prerelease"
+}
diff --git a/change/@microsoft-fast-react-wrapper-5a9f556d-e2ae-4a0f-8008-fbe928ecf6e5.json b/change/@microsoft-fast-react-wrapper-5a9f556d-e2ae-4a0f-8008-fbe928ecf6e5.json
new file mode 100644
index 00000000000..256ebca6569
--- /dev/null
+++ b/change/@microsoft-fast-react-wrapper-5a9f556d-e2ae-4a0f-8008-fbe928ecf6e5.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "fix test to use fast-element package export with extension",
+  "packageName": "@microsoft/fast-react-wrapper",
+  "email": "chhol@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@microsoft-fast-router-a582c081-c493-4ae6-8ed2-065d6a65fd74.json b/change/@microsoft-fast-router-a582c081-c493-4ae6-8ed2-065d6a65fd74.json
new file mode 100644
index 00000000000..93c881821de
--- /dev/null
+++ b/change/@microsoft-fast-router-a582c081-c493-4ae6-8ed2-065d6a65fd74.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "update fast-element export paths to include extensions",
+  "packageName": "@microsoft/fast-router",
+  "email": "chhol@microsoft.com",
+  "dependentChangeType": "prerelease"
+}
diff --git a/change/@microsoft-fast-ssr-836a7682-e80c-4d89-b075-ffc9688343ee.json b/change/@microsoft-fast-ssr-836a7682-e80c-4d89-b075-ffc9688343ee.json
new file mode 100644
index 00000000000..673b64e7a84
--- /dev/null
+++ b/change/@microsoft-fast-ssr-836a7682-e80c-4d89-b075-ffc9688343ee.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "Breaking: update fast-ssr export paths to include extensions",
+  "packageName": "@microsoft/fast-ssr",
+  "email": "chhol@microsoft.com",
+  "dependentChangeType": "prerelease"
+}
diff --git a/examples/todo-app/src/todo-app.template.ts b/examples/todo-app/src/todo-app.template.ts
index 524686cc6e4..bbaf70eaf06 100644
--- a/examples/todo-app/src/todo-app.template.ts
+++ b/examples/todo-app/src/todo-app.template.ts
@@ -1,5 +1,5 @@
 import { html, repeat } from "@microsoft/fast-element";
-import { twoWay } from "@microsoft/fast-element/binding/two-way";
+import { twoWay } from "@microsoft/fast-element/binding/two-way.js";
 import type { TodoApp } from "./todo-app.js";
 import type { Todo } from "./todo-list.js";
 import "./todo-form.js";
diff --git a/examples/todo-app/src/todo-form.template.ts b/examples/todo-app/src/todo-form.template.ts
index 78378c7a687..37bc3c58262 100644
--- a/examples/todo-app/src/todo-form.template.ts
+++ b/examples/todo-app/src/todo-form.template.ts
@@ -1,12 +1,10 @@
 import { html } from "@microsoft/fast-element";
-import { twoWay } from "@microsoft/fast-element/binding/two-way";
+import { twoWay } from "@microsoft/fast-element/binding/two-way.js";
 import type { TodoForm } from "./todo-form.js";
 
 export const template = html<TodoForm>`
     <form @submit=${x => x.submitTodo()}>
         <input type="text" :value=${twoWay(x => x.description, "input")} />
-        <button type="submit" ?disabled=${x => !x.description}>
-            Add Todo
-        </button>
+        <button type="submit" ?disabled=${x => !x.description}>Add Todo</button>
     </form>
 `;
diff --git a/examples/todo-app/src/todo-list.ts b/examples/todo-app/src/todo-list.ts
index ac71459d790..71e15c1679e 100644
--- a/examples/todo-app/src/todo-list.ts
+++ b/examples/todo-app/src/todo-list.ts
@@ -1,6 +1,6 @@
 import { Observable, observable, volatile } from "@microsoft/fast-element";
-import { Context } from "@microsoft/fast-element/context";
-import { reactive } from "@microsoft/fast-element/state";
+import { Context } from "@microsoft/fast-element/context.js";
+import { reactive } from "@microsoft/fast-element/state.js";
 
 export type Todo = { description: string; done: boolean };
 export type TodoListFilter = "all" | "active" | "completed";
diff --git a/packages/utilities/fast-react-wrapper/src/index.spec.tsx b/packages/utilities/fast-react-wrapper/src/index.spec.tsx
index d97b18ee5ff..6621299e3bb 100644
--- a/packages/utilities/fast-react-wrapper/src/index.spec.tsx
+++ b/packages/utilities/fast-react-wrapper/src/index.spec.tsx
@@ -1,7 +1,7 @@
 import { attr, customElement, DOM, FASTElement, html, nullableNumberConverter, observable, Updates } from '@microsoft/fast-element';
 import React from "react";
 import ReactDOM from "react-dom";
-import { uniqueElementName } from '@microsoft/fast-element/testing';
+import { uniqueElementName } from '@microsoft/fast-element/testing.js';
 import { expect } from "chai";
 import { reactWrapper } from './index.js';
 
diff --git a/packages/web-components/fast-element/package.json b/packages/web-components/fast-element/package.json
index ad53ab519c7..64bb217a993 100644
--- a/packages/web-components/fast-element/package.json
+++ b/packages/web-components/fast-element/package.json
@@ -26,59 +26,59 @@
       "development": "./dist/esm/index.debug.js",
       "default": "./dist/esm/index.js"
     },
-    "./debug": {
+    "./debug.js": {
       "types": "./dist/dts/debug.d.ts",
       "default": "./dist/esm/debug.js"
     },
-    "./binding/two-way": {
+    "./binding/two-way.js": {
       "types": "./dist/dts/binding/two-way.d.ts",
       "default": "./dist/esm/binding/two-way.js"
     },
-    "./binding/signal": {
+    "./binding/signal.js": {
       "types": "./dist/dts/binding/signal.d.ts",
       "default": "./dist/esm/binding/signal.js"
     },
-    "./render": {
+    "./render.js": {
       "types": "./dist/dts/templating/render.d.ts",
       "default": "./dist/esm/templating/render.js"
     },
-    "./utilities": {
+    "./utilities.js": {
       "types": "./dist/dts/utilities.d.ts",
       "default": "./dist/esm/utilities.js"
     },
-    "./state": {
+    "./state.js": {
       "types": "./dist/dts/state/exports.d.ts",
       "default": "./dist/esm/state/exports.js"
     },
-    "./context": {
+    "./context.js": {
       "types": "./dist/dts/context.d.ts",
       "default": "./dist/esm/context.js"
     },
-    "./metadata": {
+    "./metadata.js": {
       "types": "./dist/dts/metadata.d.ts",
       "default": "./dist/esm/metadata.js"
     },
-    "./testing": {
+    "./testing.js": {
       "types": "./dist/dts/testing/exports.d.ts",
       "default": "./dist/esm/testing/exports.js"
     },
-    "./di": {
+    "./di.js": {
       "types": "./dist/dts/di/di.d.ts",
       "default": "./dist/esm/di/di.js"
     },
-    "./element-hydration": {
+    "./element-hydration.js": {
       "types": "./dist/dts/components/hydration.d.ts",
       "default": "./dist/esm/components/hydration.js"
     },
-    "./install-element-hydration": {
+    "./install-element-hydration.js": {
       "types": "./dist/dts/components/install-hydration.d.ts",
       "default": "./dist/esm/components/install-hydration.js"
     },
-    "./pending-task": {
+    "./pending-task.js": {
       "types": "./dist/dts/pending-task.d.ts",
       "default": "./dist/esm/pending-task.js"
     },
-    "./dom-policy": {
+    "./dom-policy.js": {
       "types": "./dist/dts/dom-policy.d.ts",
       "default": "./dist/esm/dom-policy.js"
     },
diff --git a/packages/web-components/fast-foundation/src/data-grid/data-grid-row.ts b/packages/web-components/fast-foundation/src/data-grid/data-grid-row.ts
index 0baac400c8d..db47acea78b 100644
--- a/packages/web-components/fast-foundation/src/data-grid/data-grid-row.ts
+++ b/packages/web-components/fast-foundation/src/data-grid/data-grid-row.ts
@@ -6,7 +6,7 @@ import {
     RepeatDirective,
     ViewTemplate,
 } from "@microsoft/fast-element";
-import { ViewBehaviorOrchestrator } from "@microsoft/fast-element/utilities";
+import { ViewBehaviorOrchestrator } from "@microsoft/fast-element/utilities.js";
 import {
     eventClick,
     eventFocusOut,
diff --git a/packages/web-components/fast-foundation/src/data-grid/data-grid.ts b/packages/web-components/fast-foundation/src/data-grid/data-grid.ts
index f74696aff02..1b2297f4471 100644
--- a/packages/web-components/fast-foundation/src/data-grid/data-grid.ts
+++ b/packages/web-components/fast-foundation/src/data-grid/data-grid.ts
@@ -8,7 +8,7 @@ import {
     RepeatDirective,
     Updates,
 } from "@microsoft/fast-element";
-import { ViewBehaviorOrchestrator } from "@microsoft/fast-element/utilities";
+import { ViewBehaviorOrchestrator } from "@microsoft/fast-element/utilities.js";
 import {
     eventFocus,
     eventFocusOut,
diff --git a/packages/web-components/fast-foundation/src/design-token/core/design-token-node.pw.spec.ts b/packages/web-components/fast-foundation/src/design-token/core/design-token-node.pw.spec.ts
index 4365c72619d..7a4060397a8 100644
--- a/packages/web-components/fast-foundation/src/design-token/core/design-token-node.pw.spec.ts
+++ b/packages/web-components/fast-foundation/src/design-token/core/design-token-node.pw.spec.ts
@@ -1,7 +1,7 @@
 import "./test/fast-element-dom-shim.js";
 import type { Subscriber } from "@microsoft/fast-element";
 import { Observable } from "@microsoft/fast-element";
-import { reactive } from "@microsoft/fast-element/state";
+import { reactive } from "@microsoft/fast-element/state.js";
 import { test } from "@playwright/test";
 import { expect } from "expect";
 import jest from "jest-mock";
diff --git a/packages/web-components/fast-foundation/src/design-token/event-strategy.spec.ts b/packages/web-components/fast-foundation/src/design-token/event-strategy.spec.ts
index 545600ceef1..43ee982bf47 100644
--- a/packages/web-components/fast-foundation/src/design-token/event-strategy.spec.ts
+++ b/packages/web-components/fast-foundation/src/design-token/event-strategy.spec.ts
@@ -2,7 +2,7 @@
 import { css, customElement, FASTElement, HostController, html, Observable, Updates } from "@microsoft/fast-element";
 import chai, { expect } from "chai";
 import spies from "chai-spies";
-import { uniqueElementName } from "@microsoft/fast-element/testing";
+import { uniqueElementName } from "@microsoft/fast-element/testing.js";
 import {DesignTokenEventResolutionStrategy} from "./event-strategy.js"
 
 const elementName = uniqueElementName();
diff --git a/packages/web-components/fast-foundation/src/design-token/fast-design-token.ts b/packages/web-components/fast-foundation/src/design-token/fast-design-token.ts
index c6ded56d4dd..cd04ab1da31 100644
--- a/packages/web-components/fast-foundation/src/design-token/fast-design-token.ts
+++ b/packages/web-components/fast-foundation/src/design-token/fast-design-token.ts
@@ -12,7 +12,7 @@ import {
     Observable,
     SubscriberSet,
 } from "@microsoft/fast-element";
-import { composedContains, composedParent } from "@microsoft/fast-element/utilities";
+import { composedContains, composedParent } from "@microsoft/fast-element/utilities.js";
 import type {
     DesignTokenChangeRecord as CoreDesignTokenChangeRecord,
     DerivedDesignTokenValue,
diff --git a/packages/web-components/fast-foundation/src/design-token/stories/design-token.stories.ts b/packages/web-components/fast-foundation/src/design-token/stories/design-token.stories.ts
index e37b79d676c..46174e58c7f 100644
--- a/packages/web-components/fast-foundation/src/design-token/stories/design-token.stories.ts
+++ b/packages/web-components/fast-foundation/src/design-token/stories/design-token.stories.ts
@@ -1,5 +1,5 @@
 import { css, FASTElement, html, Observable, Updates } from "@microsoft/fast-element";
-import { uniqueElementName } from "@microsoft/fast-element/testing";
+import { uniqueElementName } from "@microsoft/fast-element/testing.js";
 import type { Meta, Story } from "../../__test__/helpers.js";
 import { CSSDesignToken, DesignToken as FASTDesignToken } from "../fast-design-token.js";
 
diff --git a/packages/web-components/fast-foundation/src/directives/reflect-attributes.spec.ts b/packages/web-components/fast-foundation/src/directives/reflect-attributes.spec.ts
index 5268a9fa3c0..5b74c1d3888 100644
--- a/packages/web-components/fast-foundation/src/directives/reflect-attributes.spec.ts
+++ b/packages/web-components/fast-foundation/src/directives/reflect-attributes.spec.ts
@@ -1,5 +1,5 @@
 import { html, ref, customElement, FASTElement, Updates } from "@microsoft/fast-element";
-import { fixture, uniqueElementName } from "@microsoft/fast-element/testing";
+import { fixture, uniqueElementName } from "@microsoft/fast-element/testing.js";
 import { reflectAttributes } from "./reflect-attributes.js";
 import { expect } from "chai";
 
diff --git a/packages/web-components/fast-foundation/src/index.rollup.debug.ts b/packages/web-components/fast-foundation/src/index.rollup.debug.ts
index e4f788d16b3..3c602de8c91 100644
--- a/packages/web-components/fast-foundation/src/index.rollup.debug.ts
+++ b/packages/web-components/fast-foundation/src/index.rollup.debug.ts
@@ -1,6 +1,6 @@
 import { DOM } from "@microsoft/fast-element";
-import "@microsoft/fast-element/debug";
-import { DOMPolicy } from "@microsoft/fast-element/dom-policy";
+import "@microsoft/fast-element/debug.js";
+import { DOMPolicy } from "@microsoft/fast-element/dom-policy.js";
 
 export * from "@microsoft/fast-element";
 export * from "./index.js";
diff --git a/packages/web-components/fast-foundation/src/index.rollup.ts b/packages/web-components/fast-foundation/src/index.rollup.ts
index 87ded74db31..731dfc2b1e9 100644
--- a/packages/web-components/fast-foundation/src/index.rollup.ts
+++ b/packages/web-components/fast-foundation/src/index.rollup.ts
@@ -1,5 +1,5 @@
 import { DOM } from "@microsoft/fast-element";
-import { DOMPolicy } from "@microsoft/fast-element/dom-policy";
+import { DOMPolicy } from "@microsoft/fast-element/dom-policy.js";
 
 export * from "@microsoft/fast-element";
 export * from "./index.js";
diff --git a/packages/web-components/fast-foundation/src/picker/picker.spec.ts b/packages/web-components/fast-foundation/src/picker/picker.spec.ts
index 424a2858958..ace7f8291f1 100644
--- a/packages/web-components/fast-foundation/src/picker/picker.spec.ts
+++ b/packages/web-components/fast-foundation/src/picker/picker.spec.ts
@@ -11,7 +11,7 @@ import {
     pickerMenuTemplate,
     pickerTemplate,
 } from "./index.js";
-import { fixture, uniqueElementName } from "@microsoft/fast-element/testing";
+import { fixture, uniqueElementName } from "@microsoft/fast-element/testing.js";
 import { Updates } from "@microsoft/fast-element";
 import {
     keyArrowLeft,
diff --git a/packages/web-components/fast-foundation/src/picker/picker.ts b/packages/web-components/fast-foundation/src/picker/picker.ts
index 0ca85da99b2..769f2ef9465 100644
--- a/packages/web-components/fast-foundation/src/picker/picker.ts
+++ b/packages/web-components/fast-foundation/src/picker/picker.ts
@@ -10,7 +10,7 @@ import {
     Updates,
     ViewTemplate,
 } from "@microsoft/fast-element";
-import { ViewBehaviorOrchestrator } from "@microsoft/fast-element/utilities";
+import { ViewBehaviorOrchestrator } from "@microsoft/fast-element/utilities.js";
 import {
     keyArrowDown,
     keyArrowLeft,
diff --git a/packages/web-components/fast-router/src/router.ts b/packages/web-components/fast-router/src/router.ts
index 239b38d29d7..6c83d62ce3a 100644
--- a/packages/web-components/fast-router/src/router.ts
+++ b/packages/web-components/fast-router/src/router.ts
@@ -1,5 +1,5 @@
 import { FASTElement } from "@microsoft/fast-element";
-import { composedParent } from "@microsoft/fast-element/utilities";
+import { composedParent } from "@microsoft/fast-element/utilities.js";
 import { RenderCommand } from "./commands.js";
 import { RouterConfiguration } from "./configuration.js";
 import { NavigationContributor } from "./contributors.js";
diff --git a/packages/web-components/fast-ssr/docs/api-report.md b/packages/web-components/fast-ssr/docs/api-report.md
index 927d992c494..ce1f176f56e 100644
--- a/packages/web-components/fast-ssr/docs/api-report.md
+++ b/packages/web-components/fast-ssr/docs/api-report.md
@@ -8,7 +8,7 @@ import { AsyncLocalStorage } from 'async_hooks';
 import { Binding } from '@microsoft/fast-element';
 import { ComposableStyles } from '@microsoft/fast-element';
 import { Constructable } from '@microsoft/fast-element';
-import { DOMContainer } from '@microsoft/fast-element/di';
+import { DOMContainer } from '@microsoft/fast-element/di.js';
 import { ExecutionContext } from '@microsoft/fast-element';
 import { FASTElement } from '@microsoft/fast-element';
 import { FASTElementDefinition } from '@microsoft/fast-element';
diff --git a/packages/web-components/fast-ssr/package.json b/packages/web-components/fast-ssr/package.json
index 7829bf81a5d..053db079cef 100644
--- a/packages/web-components/fast-ssr/package.json
+++ b/packages/web-components/fast-ssr/package.json
@@ -41,12 +41,12 @@
       "types": "./dist/dts/exports.d.ts",
       "default": "./dist/esm/exports.js"
     },
-    "./install-dom-shim": "./dist/esm/install-dom-shim.js",
+    "./install-dom-shim.js": "./dist/esm/install-dom-shim.js",
     "./dom-shim": {
       "types": "./dist/dts/dom-shim.d.ts",
       "default": "./dist/esm/dom-shim.js"
     },
-    "./request-storage": {
+    "./request-storage.js": {
       "types": "./dist/dts/request-storage.d.ts",
       "default": "./dist/esm/request-storage.js"
     },
diff --git a/packages/web-components/fast-ssr/src/dom-shim.spec.ts b/packages/web-components/fast-ssr/src/dom-shim.spec.ts
index f5c00f1507f..4828199d022 100644
--- a/packages/web-components/fast-ssr/src/dom-shim.spec.ts
+++ b/packages/web-components/fast-ssr/src/dom-shim.spec.ts
@@ -5,7 +5,7 @@ import * as Foundation from "@microsoft/fast-foundation";
 import { expect, test } from "@playwright/test";
 import { createWindow } from "./dom-shim.js";
 import fastSSR from "./exports.js";
-import { uniqueElementName } from "@microsoft/fast-element/testing";
+import { uniqueElementName } from "@microsoft/fast-element/testing.js";
 
 test.describe("createWindow", () => {
     test("should create a window with a document property that is an instance of the window's Document constructor", () => {
diff --git a/packages/web-components/fast-ssr/src/element-renderer/elemenent-renderer.spec.ts b/packages/web-components/fast-ssr/src/element-renderer/elemenent-renderer.spec.ts
index fe0c16b1a6d..5fcafc9e16c 100644
--- a/packages/web-components/fast-ssr/src/element-renderer/elemenent-renderer.spec.ts
+++ b/packages/web-components/fast-ssr/src/element-renderer/elemenent-renderer.spec.ts
@@ -4,8 +4,8 @@ import { expect, test } from '@playwright/test';
 import { SyncFASTElementRenderer } from "./fast-element-renderer.js";
 import fastSSR from "../exports.js";
 import { consolidate, consolidateAsync } from "../test-utilities/consolidate.js";
-import { uniqueElementName } from "@microsoft/fast-element/testing";
-import { PendingTaskEvent } from "@microsoft/fast-element/pending-task";
+import { uniqueElementName } from "@microsoft/fast-element/testing.js";
+import { PendingTaskEvent } from "@microsoft/fast-element/pending-task.js";
 
 @customElement({
     name: "bare-element",
diff --git a/packages/web-components/fast-ssr/src/element-renderer/fast-element-renderer.ts b/packages/web-components/fast-ssr/src/element-renderer/fast-element-renderer.ts
index e94d443c275..8371bf3a85d 100644
--- a/packages/web-components/fast-ssr/src/element-renderer/fast-element-renderer.ts
+++ b/packages/web-components/fast-ssr/src/element-renderer/fast-element-renderer.ts
@@ -1,5 +1,5 @@
 import { DOM, DOMAspect, ExecutionContext, FASTElement } from "@microsoft/fast-element";
-import { PendingTaskEvent } from "@microsoft/fast-element/pending-task";
+import { PendingTaskEvent } from "@microsoft/fast-element/pending-task.js";
 import { escapeHtml } from "../escape-html.js";
 import { RenderInfo } from "../render-info.js";
 import { StyleRenderer } from "../styles/style-renderer.js";
diff --git a/packages/web-components/fast-ssr/src/exports.spec.ts b/packages/web-components/fast-ssr/src/exports.spec.ts
index eea071e82b2..5c33e5ebfcf 100644
--- a/packages/web-components/fast-ssr/src/exports.spec.ts
+++ b/packages/web-components/fast-ssr/src/exports.spec.ts
@@ -3,7 +3,7 @@ import { html, RefDirective, ref } from "@microsoft/fast-element";
 import fastSSR from "./exports.js";
 import { ViewBehaviorFactoryRenderer } from "./template-renderer/directives.js";
 import { test, expect } from "@playwright/test";
-import { uniqueElementName } from "@microsoft/fast-element/testing";
+import { uniqueElementName } from "@microsoft/fast-element/testing.js";
 import { FASTElement, HTMLDirective, StatelessAttachedAttributeDirective, ViewBehaviorFactory, ViewController } from "@microsoft/fast-element";
 import { consolidate } from "./test-utilities/consolidate.js";
 
diff --git a/packages/web-components/fast-ssr/src/request-storage.ts b/packages/web-components/fast-ssr/src/request-storage.ts
index c14198cb463..ec5a7c61993 100644
--- a/packages/web-components/fast-ssr/src/request-storage.ts
+++ b/packages/web-components/fast-ssr/src/request-storage.ts
@@ -1,5 +1,5 @@
 import { AsyncLocalStorage } from "async_hooks";
-import { DI, DOMContainer } from "@microsoft/fast-element/di";
+import { DI, DOMContainer } from "@microsoft/fast-element/di.js";
 import { createWindow } from "./dom-shim.js";
 
 let asyncLocalStorage = new AsyncLocalStorage();
diff --git a/packages/web-components/fast-ssr/src/template-renderer/directives.ts b/packages/web-components/fast-ssr/src/template-renderer/directives.ts
index 91537359bc0..ca95bd3e8d2 100644
--- a/packages/web-components/fast-ssr/src/template-renderer/directives.ts
+++ b/packages/web-components/fast-ssr/src/template-renderer/directives.ts
@@ -8,7 +8,7 @@ import {
     ViewBehaviorFactory,
     ViewTemplate,
 } from "@microsoft/fast-element";
-import { RenderDirective } from "@microsoft/fast-element/render";
+import { RenderDirective } from "@microsoft/fast-element/render.js";
 import { RenderInfo } from "../render-info.js";
 import { DefaultTemplateRenderer } from "./template-renderer.js";
 
diff --git a/packages/web-components/fast-ssr/src/template-renderer/template-renderer.spec.ts b/packages/web-components/fast-ssr/src/template-renderer/template-renderer.spec.ts
index 3611e0161bd..1598d95361d 100644
--- a/packages/web-components/fast-ssr/src/template-renderer/template-renderer.spec.ts
+++ b/packages/web-components/fast-ssr/src/template-renderer/template-renderer.spec.ts
@@ -4,10 +4,10 @@ import { expect, test } from "@playwright/test";
 import fastSSR from "../exports.js";
 import { consolidate } from "../test-utilities/consolidate.js";
 import { DefaultTemplateRenderer } from "./template-renderer.js";
-import { render } from "@microsoft/fast-element/render";
+import { render } from "@microsoft/fast-element/render.js";
 import { DefaultElementRenderer } from "../element-renderer/element-renderer.js";
 import { RenderInfo } from "../render-info.js";
-import { uniqueElementName } from "@microsoft/fast-element/testing";
+import { uniqueElementName } from "@microsoft/fast-element/testing.js";
 
 @customElement("hello-world")
 class HelloWorld extends FASTElement {}