1Avoid calling `fetch` eagerly during server side rendering — put your `fetch` calls inside `onMount` or a `load` function instead
2

1<script lang="ts">
2  let response: Promise<string> = $state(loadData());
3
4  async function loadData(): Promise<string> {
5     const response = await fetch("http://my_endpoint");
6     return response.json();
7  }
8</script>
9
10{#await response}
11  LOADING
12{:then response}
13  {response}
14{/await}
15

1Avoid calling `fetch` eagerly during server side rendering — put your `fetch` calls inside `onMount` or a `load` function instead
2

1<script lang="ts">
2  let response: Promise<string> = $state(loadData());
3
4  async function loadData(): Promise<string> {
5     const response = await fetch("http://my_endpoint");
6     return response.json();
7  }
8</script>
9
10{#await response}
11  LOADING
12{:then response}
13  {response}
14{/await}
15