stiba Comments - Answer Overflow

export function routeData() {
  const params = useParams<{ matchId: string }>();

  const [data] = createResource(
    async () => {
      const matchStatsResponse = await api.fetchMatch(params.matchId);
      return matchStatsResponse;
    }
  );

  return { data };
}

export function routeData() {
  const params = useParams<{ matchId: string }>();

  const [data] = createResource(
    async () => {
      const matchStatsResponse = await api.fetchMatch(params.matchId);
      return matchStatsResponse;
    }
  );

  return { data };
}

to:

export function routeData() {
  const params = useParams<{ matchId: string }>();

  const [data] = createResource(
    () => params.matchId,
    async (matchId: string) => {
      const matchStatsResponse = await api.fetchMatch(matchId);
      return matchStatsResponse;
    }
  );

  return { data };
}

export function routeData() {
  const params = useParams<{ matchId: string }>();

  const [data] = createResource(
    () => params.matchId,
    async (matchId: string) => {
      const matchStatsResponse = await api.fetchMatch(matchId);
      return matchStatsResponse;
    }
  );

  return { data };
}

fixes the issue and everything works as expected.

2 replies

SSolidJS

•Created by stiba on 3/5/2023 in #support

solid-js reactivity eslint with functions

Are there any codesandbox templates or similar with the plugin configured?

6 replies

SSolidJS

•Created by Bersaelor on 3/5/2023 in #support

`crossOrigin` and `playsInline` types don't work with solid & typescript

<video>

playsinline

A Boolean attribute indicating that the video is to be played "inline", that is within the element's playback area. Note that the absence of this attribute does not imply that the video will always be played in fullscreen.

9 replies

SSolidJS

•Created by Bersaelor on 3/5/2023 in #support

`crossOrigin` and `playsInline` types don't work with solid & typescript

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio

9 replies

SSolidJS

•Created by Bersaelor on 3/5/2023 in #support

`crossOrigin` and `playsInline` types don't work with solid & typescript

Aha. playsinline isn't actually a valid attribute on an audio element. It's only for videos.

9 replies

SSolidJS

•Created by Bersaelor on 3/5/2023 in #support

`crossOrigin` and `playsInline` types don't work with solid & typescript

What does your tsconfig.json look like?

9 replies

SSolidJS

•Created by Bersaelor on 3/5/2023 in #support

`crossOrigin` and `playsInline` types don't work with solid & typescript

it's not camelcased in solidjs. try

<audio playsinline />
<link crossorigin="anonymous" />

<audio playsinline />
<link crossorigin="anonymous" />

Edit: Looks like both crossOrigin and crossorigin is supported on link with solidjs, but it's not a boolean so you'll have to pass it either anonymous or use-credentials

9 replies

SSolidJS

•Created by stiba on 3/5/2023 in #support

solid-js reactivity eslint with functions

This still doesn't solve my problem though when I have a function that I'm passing down the tree. It takes 2 arguments, and in one of the children I create a new function that passes the first argument, and then the child only needs to supply one argument

6 replies

SSolidJS

•Created by stiba on 3/5/2023 in #support

solid-js reactivity eslint with functions

Okay so I see that you're supposed to do something along these lines

<MyComponent
  onStatusChanged={[props.onTaskStatusChanged, status]}
/>

<MyComponent
  onStatusChanged={[props.onTaskStatusChanged, status]}
/>

6 replies

SSolidJS

•Created by stiba on 3/5/2023 in #support

routeData not being refreshed when navigating

Thanks 🙂

6 replies

SSolidJS

•Created by stiba on 3/5/2023 in #support

routeData not being refreshed when navigating

Perfect, that solved it!

6 replies

SSolidJS

•Created by stiba on 3/5/2023 in #support

routeData not being refreshed when navigating

Ah, I'm reading the docs but there's only mention of keys, not any example of how to use it (at least not in the part of the docs where I'm reading)

6 replies

Gaming

Programming