FrogUI: Malformed apostrophes in State

[gigabit-eth]

Describe the bug

When a user clicks a button to receive a random question, if the question contains an apostrophe, the text is malformed on subsequent renders after navigating back and forth. This issue seems to stem from the currentState not properly handling apostrophes.

Screenshot 1: Initial Render

Screenshot 2: Subsequent Render

Link to Minimal Reproducible Example

No response

Steps To Reproduce

Initial State:

• User clicks a button to receive a random question.
• The question contains an apostrophe and appears correctly in the UI from the API GET response.

Trigger the Issue:

• User navigates back to the previous screen.
• User clicks the same button again to receive the same random question.

Observe:

• The question text is now malformed in the UI (e.g., What & # 3 9 ; s instead of What's).

Expected Behavior

The question text should consistently appear correctly, with apostrophes properly rendered as intended (e.g., What's).

Actual Behavior

Upon the second render after navigating back and forth, the apostrophe in the question text is replaced with its HTML entity (e.g., What & # 3 9 ; s).

Potential Cause

It seems that the 'currentState' is not correctly handling apostrophes, leading to the text being malformed upon subsequent renders.

Frog Version

0.11.2

TypeScript Version

5

Check existing issues

• I checked there isn't already an issue for the bug I encountered.

Anything else?

No response

[github-actions]

Hello @gigabit-eth.

Please provide a minimal reproduction using StackBlitz, TypeScript Playground (for type issues), or a separate minimal GitHub repository.

Minimal reproductions are required as they save us a lot of time reproducing your config & environment, and trying to reproduce your issue. See Why reproductions are required.

Please reopen this issue when a reproduction is added.