questInitialAmount={gameState.playerSave.questInitialAmount}

.table td {
    border: 1px solid #000000;
    border-collapse: collapse;
    padding: 2px;
}
.table {
    border: 1px solid #000000;
    border-collapse: collapse;
    padding: 2px;
    margin-left: auto;
    margin-right: auto;
}

  questInitialAmount: number;

  questInitialAmount,

          <h2> Active quest: </h2>
            <h3>
              Initial:
            </h3>
            <div>
              {"placeholder"} {activeQuest.resourceType}
            </div>
          <h3>Goal:</h3>
          <div>
            {activeQuest.resourceAmount} {activeQuest.resourceType}
          </div>
          <h3>Current:</h3>
          <div className={classnames({ good: isQuestComplete })}>
            {playerResourceAmounts?.[activeQuest.resourceType]}{" "}
            {activeQuest.resourceType}
            </div>

            <h2> Active quest: </h2>
            <table className={classnames({ table: true })}>
              <tr>
                <td>
                  Initial
                </td>
                <td>
                  {questInitialAmount} {activeQuest.resourceType}
                </td>
              </tr>
              <tr>
                <td>
                  Current
                </td>
                <td>
                  {playerResourceAmounts?.[activeQuest.resourceType]} {activeQuest.resourceType}
                </td>
              </tr>
              <tr>
                <td>
                  Target
                </td>
                <td>
                  {activeQuest.resourceAmount} {activeQuest.resourceType}
                </td>
              </tr>
              <tr>
                <td>
                  SP spent
                </td>
                <td>
                  {spSpentThisQuest === undefined ? "" : spSpentThisQuest}
                </td>
              </tr>
              <tr>
                <td>
                  Efficiency
                </td>
                <td>
                  {efficiencyGrade}
                </td>
              </tr>
            </table>

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

    "jsx": "react-jsx",

    "jsx": "react",