Invocation context example

ContextError.jsx

import { useStore, component$ } from '@builder.io/qwik';
import axios from 'axios';

export const Main = component$(async () => {
  const response = await axios.get('https://httpbin.org/')
  const state = useStore({ name: 'World', status: response.status });
  return (
    <p>Status: {state.status}</p>
  );
});

Idiomatic.jsx

import { useStore, component$ } from '@builder.io/qwik';
import axios from 'axios';

export const Main = component$(async () => {
  const state = useStore({ name: 'World', status: undefined });
  state.status = (await axios.get('https://httpbin.org/')).status;
  return (
    <p>Status: {state.status}</p>
  );
});