branch 0204 set index doesn't seem to work about react-hooks-in-action

[country-bumpkin-software]

I had to change the code as follows:

import {useState} from 'react';
const data = require('../../static.json')

export default function BookablesList () {
    console.log(data);
  const group = "Rooms";

  const bookablesInGroup = data.bookables.filter(b => b.group === group);
  const [bookableIndex, setBookableIndex] = useState(1);
    console.log(data);
  return (
    <ul className="bookables items-list-nav">
      {bookablesInGroup.map((b, i) => (
        <li
          key={b.id}
          className={i === bookableIndex ? "selected" : null}
        >
          <button
            className="btn"
            onClick={() => setBookableIndex(i)}
          >
            {b.title}
          </button>
        </li>
      ))}
    </ul>
  );
}

[mortenbrudvik]

This worked for me

import data from "../../static.json";

export default function BookablesList () {

  const group = "Rooms";

  const bookablesInGroup = data.bookables.filter(b => b.group === group);