fix: allow `$props.id()` to occur after an `await` (#17285)

.changeset/sad-paths-build.md

@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: allow `$props.id()` to occur after an `await`

packages/svelte/src/compiler/phases/2-analyze/index.js

@@ -1105,6 +1105,11 @@ function calculate_blockers(instance, scopes, analysis) {
 			functions.push(node);
 		} else if (node.type === 'VariableDeclaration') {
 			for (const declarator of node.declarations) {
+				if (get_rune(declarator.init, instance.scope) === '$props.id') {
+					// special case
+					continue;
+				}
+
 				if (
 					declarator.init?.type === 'ArrowFunctionExpression' ||
 					declarator.init?.type === 'FunctionExpression'

packages/svelte/tests/runtime-runes/samples/async-props-id/_config.js

@@ -0,0 +1,11 @@
+import { tick } from 'svelte';
+import { test } from '../../test';
+
+export default test({
+	ssrHtml: `<p>s1</p>`,
+
+	async test({ assert, target, variant }) {
+		await tick();
+		assert.htmlEqual(target.innerHTML, variant === 'hydrate' ? '<p>s1</p>' : '<p>c1</p>');
+	}
+});

packages/svelte/tests/runtime-runes/samples/async-props-id/main.svelte

@@ -0,0 +1,6 @@
+<script>
+	await 1
+	const id = $props.id();
+</script>
+
+<p>{id}</p>