fix: server island fallback not being deleted

2 files changed, 7 insertions, 2 deletions

diff --git a/.changeset/silly-peas-smash.md b/.changeset/silly-peas-smash.md
new file mode 100644
index 000000000..a123369c7
--- /dev/null
+++ b/.changeset/silly-peas-smash.md
@@ -0,0 +1,5 @@
+---
+'astro': patch
+---
+
+fix fallback not being removed when server island is rendered
diff --git a/packages/astro/src/runtime/server/render/server-islands.ts b/packages/astro/src/runtime/server/render/server-islands.ts
index 8e830718e..cf406caf8 100644
--- a/packages/astro/src/runtime/server/render/server-islands.ts
+++ b/packages/astro/src/runtime/server/render/server-islands.ts
@@ -149,14 +149,14 @@ let response = await fetch('${serverIslandUrl}', {
 		return createThinHead();
 	}
 	async render(destination: RenderDestination) {
+		destination.write(createRenderInstruction({ type: 'server-island-runtime' }));
+		destination.write('<!--[if astro]>server-island-start<![endif]-->');
 		// Render the slots
 		for (const name in this.slots) {
 			if (name === 'fallback') {
 				await renderChild(destination, this.slots.fallback(this.result));
 			}
 		}
-		destination.write(createRenderInstruction({ type: 'server-island-runtime' }));
-		destination.write('<!--[if astro]>server-island-start<![endif]-->');
 		destination.write(
 			`<script type="module" data-astro-rerun data-island-id="${this.hostId}">${this.islandContent}</script>`,
 		);