spSpentThisQuest={gameState.playerSave.spSpentThisQuest}

  spSpentThisQuest: number | undefined;

  remainingPoints,

  spSpentThisQuest,

          <br></br>
          <h3>Efficiency:</h3>
          <div>{"SS"}</div>

          <h3>Batches so far: </h3>
          <div>{numBatches}</div>

          <div>
            (Hint: You won't run <br />
            out of skill points, but
            <br /> they come in batches -<br />
            try to use the <br /> fewest you can!)
          </div>

          <h3>SP spent so far:</h3>
          <div>{spSpentThisQuest === undefined ? "" : spSpentThisQuest}</div>
          <h3>Efficiency:</h3>
          <div>{"SS"}</div>

      )}
      <br></br>
      <h3> Available SP: </h3>
      <div>{remainingPoints}</div>
      {remainingPoints === 0 ? (
        <div>
          <br></br>(Start a quest first!)
        </div>
      ) : (
        <></>

  if (prev.spSpentThisQuest) {
    prev.spSpentThisQuest += 1;

  let next = prev;
  if (prev.spSpentThisQuest !== undefined) {
    next = {
      ...next,
      spSpentThisQuest: prev.spSpentThisQuest + 1
    };

    return {
      ...prev,
      availableSp: 5,

    next = {
      ...next,
      availableSp: 1,

  return prev;

  // console.log({ next });
  return next;

    return 5;

    return 1;

          // console.log("just spent SP!");