fix: ensure each block references to imports are handled correctly (#13892)

Author: trueadm

.changeset/curvy-beds-cover.md

@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: ensure each block references to imports are handled correctly

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

@@ -505,7 +505,11 @@ export function analyze_component(root, source, options) {
 								if (is_reference(node, parent)) {
 									const binding = context.state.scope.get(node.name);
 
-									if (binding && binding.kind === 'normal') {
+									if (
+										binding &&
+										binding.kind === 'normal' &&
+										binding.declaration_kind !== 'import'
+									) {
 										binding.kind = 'state';
 										binding.mutated = binding.updated = true;
 									}

packages/svelte/tests/runtime-legacy/samples/each-block-ref-import/_config.js

@@ -0,0 +1,6 @@
+import { test } from '../../test';
+
+export default test({
+	html: `<input type="text">`,
+	ssrHtml: `<input type="text" value="">`
+});

packages/svelte/tests/runtime-legacy/samples/each-block-ref-import/main.svelte

@@ -0,0 +1,7 @@
+<script>
+	import { foo } from './utils';
+</script>
+
+{#each foo.bar as bar}
+	<input type="text" bind:value={bar.value} />
+{/each}

packages/svelte/tests/runtime-legacy/samples/each-block-ref-import/utils.js

@@ -0,0 +1,9 @@
+export const foo = {
+	get bar() {
+		return [
+			{
+				value: ''
+			}
+		];
+	}
+};