dnd5e reactivity with race.advancement.byID

I'm having trouble when fetching a race

byUuid

byUuid

with one particular reactive var:

const selectHandler = async (option) => {
  race = await fromUuid(option);
  console.log(source); //<-- works
  console.log(adv);    //<-- undefined
  console.log(race.advancement.byId); //<-- works
}
$: source = race?.system?.source; 
$: adv = race?.advancement?.byId;

const selectHandler = async (option) => {
  race = await fromUuid(option);
  console.log(source); //<-- works
  console.log(adv);    //<-- undefined
  console.log(race.advancement.byId); //<-- works
}
$: source = race?.system?.source; 
$: adv = race?.advancement?.byId;

Any ideas? Why

adv

adv

is undefined?
(The only special thing about

byId

byId

is that it's a getter)

TyphonJS (Michael)•5/23/24, 9:08 PM

Likely because the reactive statement for doesn't get run immediately after race is set.

TyphonJS (Michael)•5/23/24, 9:09 PM

You can put console log statements in the reactive statements to debug.

geoidesic [Aardvark Games]OP•5/23/24, 9:10 PM

I put a timeout on it and then it gets set, so you're right, race condition. Cool tx.

TyphonJS (Michael)•5/23/24, 9:10 PM

Or put a ; after in .

TyphonJS (Michael)•5/23/24, 9:10 PM

import { tick } from 'svelte';

TyphonJS (Michael)•5/23/24, 9:11 PM