"slot is not iterable" error in frontend

[duck-master]

When I do nvm use 16 and npm start on a freshly cloned version of the hydrant repository (after regenerating latest.json and npm install), I get this screen:

and if I go into the browser console I get the following error message:

Uncaught (in promise) TypeError: slot is not iterable
    timeslots class.ts:63
    Section class.ts:63
    sections class.ts:120
    Sections class.ts:120
    sections class.ts:202
    Class class.ts:198
    State state.ts:68
    State state.ts:67
    useHydrant App.tsx:67

and the offending code in class.ts is

  /** @param section - raw section info (timeslot and room) */
  constructor(secs: Sections, rawTime: string, section: RawSection) {
    this.secs = secs;
    this.rawTime = rawTime;
    const [rawSlots, room] = section;
    this.timeslots = rawSlots.map((slot) => new Timeslot(...slot));
    this.room = room;
  }

This error appears in both my own branch and the freshly-cloned version, so I think this is likely an issue with the frontend or the current JSON schema, or possibly both.

[cjquines]

sounds like rawSlots is of the incorrect type, can you log it?

[duck-master]

I recloned everything and the code magically fixed itself. Weird. One of these days I want to make a pull request that does input validation for latest.json. That said, I think it would actually be a lot cleaner to centralize all of the course data into a huge database and then expose that via an API wrapper.

EDIT: pull requests -> pull request

[psvenk]

Sorry, I didn't see this before :/ The issue was that efb5556 was present on deploy but not on main (after I inadvertently broke things in 548e5b2 and then forgot to push the fix to main for some reason).