Merge pull request #9 from ember-tooling/ember-canary-renderComponent

Move to `renderComponent`

Author: NullVoxPopuli

docs/package.json

@@ -17,7 +17,7 @@
 	"dependencies": {
 		"astro": "^5.6.1",
 		"ember-astro": "workspace:*",
-		"ember-source": "6.7.0-beta.1",
+		"ember-source": "~6.8.2",
 		"sharp": "^0.34.2",
 		"vite": "^7.1.3"
 	}

package.json

@@ -38,19 +38,20 @@
 		"@rollup/plugin-babel": "^6.0.4",
 		"babel-plugin-ember-template-compilation": "^2.4.1",
 		"decorator-transforms": "^2.3.0",
-		"ember-source": ">= 6.7.0-alpha.1",
 		"ember-strict-application-resolver": "^0.1.0"
 	},
 	"devDependencies": {
 		"@ember/library-tsconfig": "^1.1.3",
 		"concurrently": "^9.2.1",
 		"prettier": "^3.6.2",
 		"prettier-plugin-ember-template-tag": "^2.1.0",
+		"ember-source": "~6.8.0",
 		"release-plan": "^0.16.0",
 		"typescript": "^5.9.2"
 	},
 	"peerDependencies": {
-		"astro": "^5.0.0"
+		"astro": "^5.0.0",
+		"ember-source": ">= 6.8.2"
 	},
 	"packageManager": "pnpm@10.15.0",
 	"ember-addon": {

pnpm-lock.yaml

@@ -1,7 +1,7 @@
 // waiting on renderComponent
 // https://github.com/emberjs/ember.js/pull/20962
-import { renderApp } from "./render-app-island.js";
 import { template } from "@ember/template-compiler";
+import { renderComponent } from "@ember/renderer";
 
 function withProps(props, slots, component) {
 	return template(`<EmberAstro_client_component__ @props={{props}} @slots={{slots}} />`, {
@@ -28,7 +28,7 @@ export default function emberAstroClientRenderer(element) {
 			return;
 		}
 
-		let result = await renderApp({ element, component: withProps(props, slots, component) });
+		let result = await renderComponent(withProps(props, slots, component), { into: element });
 
 		existingApplications.set(element, result);
 		element.addEventListener("astro:unmount", () => result.destroy(), { once: true });