(playerResourceAmounts?.[activeQuest.resourceType] || 0) >=
      activeQuest.resourceAmount;

    (playerResourceAmounts?.[activeQuest.resourceType] || 0) >= activeQuest.resourceAmount;

      console.log({ score, lastScore, questScore });
      console.log("updating score");

      // console.log({ score, lastScore, questScore });
      // console.log("updating score");

      {<Score score={score} scoreDetails={scoreDetails} />}

      {<Score scoreDetails={scoreDetails} />}

  score,

  score: number;
  scoreDetails: QuestScoreDetails;

  scoreDetails: QuestScoreDetails | undefined;

  const [viewed, setViewed] = useState(true);

  const [didAcceptRewards, setDidAcceptRewards] = useState(true);

    console.log({ scoreDetails });
    if (scoreDetails.total === 0) return;
    setViewed(false);

    // console.log({ scoreDetails });
    if (!scoreDetails || scoreDetails.total === 0) return;
    setDidAcceptRewards(false);

      {!viewed && (

      {!didAcceptRewards && (

          <h3>Score: {score}</h3>
          {!!scoreDetails.total && (
            <h4>Your score increased by {scoreDetails.total}!</h4>

          <h3>Quest Rewards</h3>
          {!!(scoreDetails?.total) && (
            <> +{scoreDetails?.total} to your score! </>

          {scoreDetails.scoreComponents.map((scoreComponent) => {

          <br></br>
          {scoreDetails?.scoreComponents.map((scoreComponent) => {

                <h5>

                <br></br>
                <div>

                </h5>
              </React.Fragment>

                </div>
                </React.Fragment>

          <button onClick={() => setViewed(true)}>OK</button>

          <br></br>
          <button onClick={() => setDidAcceptRewards(true)}>Claim rewards!</button>