chore: convert config files to typescript

hanabi · Nov 30, 2023 · 11ab3e5 · 11ab3e5
1 parent 31c6b49
commit 11ab3e5
Show file tree

Hide file tree

Showing 82 changed files with 309 additions and 259 deletions.
diff --git a/docs/about.mdx b/docs/about.mdx
@@ -5,7 +5,7 @@ title: About
 
 [Hanabi](https://boardgamegeek.com/boardgame/98778/hanabi) is a fantastic cooperative card game of logic and reasoning. Our group, called the _H-Group_, was started back in February 2016. We play Hanabi a lot, using the [Hanab Live](https://hanab.live) website and a [Discord server](https://discord.gg/FADvkJp) to get pick-up games going. Everything doesn't always go perfectly, but we strive to constantly improve. Naturally, we have also built up a set of conventions that we all agree upon at the beginning of the game so that it is easier to understand what everyone else is doing. As the list of conventions got longer, we wanted to make sure that everything was documented in an official capacity.
 
-Are you looking to start playing games with the _H-Group_? Head on over to [the beginner's guide](/docs/beginner).
+Are you looking to start playing games with the _H-Group_? Head on over to [the beginner's guide](/beginner).
 
 Have you found your way here from the Internet? That's fine too. Feel free to cherry-pick strategies for your own group, or even adopt the whole convention framework. We enjoy talking to other Hanabi players, so make sure to say hi in the Discord server as well. (Discord is a voice and text chat application that you can run in a browser.)
 

diff --git a/docs/beginner/2-save-question-1.mdx b/docs/beginner/2-save-question-1.mdx
@@ -3,7 +3,7 @@ id: 2-save-question-1
 title: The 2 Save (Question 1)
 ---
 
-import BeginnersGuideProgress from "@site/src/beginnersGuide.js";
+import BeginnersGuideProgress from "@site/src/beginnersGuide.tsx";
 import Tabs from "@theme/Tabs";
 import TabItem from "@theme/TabItem";
 import TwoSaveQuestion1 from "@site/image-generator/yml/beginner/2-save-question-1.yml";

diff --git a/docs/beginner/2-save-question-2.mdx b/docs/beginner/2-save-question-2.mdx
@@ -3,7 +3,7 @@ id: 2-save-question-2
 title: The 2 Save (Question 2)
 ---
 
-import BeginnersGuideProgress from "@site/src/beginnersGuide.js";
+import BeginnersGuideProgress from "@site/src/beginnersGuide.tsx";
 import Tabs from "@theme/Tabs";
 import TabItem from "@theme/TabItem";
 import TwoSaveQuestion2 from "@site/image-generator/yml/beginner/2-save-question-2.yml";

diff --git a/docs/beginner/2-save-question-3.mdx b/docs/beginner/2-save-question-3.mdx
@@ -3,7 +3,7 @@ id: 2-save-question-3
 title: The 2 Save (Question 3)
 ---
 
-import BeginnersGuideProgress from "@site/src/beginnersGuide.js";
+import BeginnersGuideProgress from "@site/src/beginnersGuide.tsx";
 import Tabs from "@theme/Tabs";
 import TabItem from "@theme/TabItem";
 import TwoSaveQuestion3 from "@site/image-generator/yml/beginner/2-save-question-3.yml";

diff --git a/docs/beginner/2-save.mdx b/docs/beginner/2-save.mdx
@@ -3,7 +3,7 @@ id: 2-save
 title: The 2 Save
 ---
 
-import BeginnersGuideProgress from "@site/src/beginnersGuide.js";
+import BeginnersGuideProgress from "@site/src/beginnersGuide.tsx";
 import TwoSave from "@site/image-generator/yml/beginner/2-save.yml";
 import TwoSaveIllegal from "@site/image-generator/yml/beginner/2-save-illegal.yml";
 

diff --git a/docs/beginner/5-save-question-1.mdx b/docs/beginner/5-save-question-1.mdx
@@ -3,7 +3,7 @@ id: 5-save-question-1
 title: The 5 Save (Question 1)
 ---
 
-import BeginnersGuideProgress from "@site/src/beginnersGuide.js";
+import BeginnersGuideProgress from "@site/src/beginnersGuide.tsx";
 import Tabs from "@theme/Tabs";
 import TabItem from "@theme/TabItem";
 import FiveSaveQuestion1 from "@site/image-generator/yml/beginner/5-save-question-1.yml";

diff --git a/docs/beginner/5-save-question-2.mdx b/docs/beginner/5-save-question-2.mdx
@@ -3,7 +3,7 @@ id: 5-save-question-2
 title: The 5 Save (Question 2)
 ---
 
-import BeginnersGuideProgress from "@site/src/beginnersGuide.js";
+import BeginnersGuideProgress from "@site/src/beginnersGuide.tsx";
 import Tabs from "@theme/Tabs";
 import TabItem from "@theme/TabItem";
 import FiveSaveQuestion2 from "@site/image-generator/yml/beginner/5-save-question-2.yml";

diff --git a/docs/beginner/5-save.mdx b/docs/beginner/5-save.mdx
@@ -3,7 +3,7 @@ id: 5-save
 title: The 5 Save
 ---
 
-import BeginnersGuideProgress from "@site/src/beginnersGuide.js";
+import BeginnersGuideProgress from "@site/src/beginnersGuide.tsx";
 import FiveSave from "@site/image-generator/yml/beginner/5-save.yml";
 
 <BeginnersGuideProgress id="5-save" />

diff --git a/docs/beginner/card-layout.mdx b/docs/beginner/card-layout.mdx
@@ -3,7 +3,7 @@ id: card-layout
 title: Card Layout
 ---
 
-import BeginnersGuideProgress from "@site/src/beginnersGuide.js";
+import BeginnersGuideProgress from "@site/src/beginnersGuide.tsx";
 import CardLayout1 from "@site/image-generator/yml/beginner/card-layout-1.yml";
 import CardLayout2 from "@site/image-generator/yml/beginner/card-layout-2.yml";
 

diff --git a/docs/beginner/card-notes.mdx b/docs/beginner/card-notes.mdx
@@ -3,7 +3,7 @@ id: card-notes
 title: Card Notes
 ---
 
-import BeginnersGuideProgress from "@site/src/beginnersGuide.js";
+import BeginnersGuideProgress from "@site/src/beginnersGuide.tsx";
 
 <BeginnersGuideProgress id="card-notes" />
 

diff --git a/docs/beginner/chop-question-1.mdx b/docs/beginner/chop-question-1.mdx
@@ -3,7 +3,7 @@ id: chop-question-1
 title: The Chop (Question 1)
 ---
 
-import BeginnersGuideProgress from "@site/src/beginnersGuide.js";
+import BeginnersGuideProgress from "@site/src/beginnersGuide.tsx";
 import Tabs from "@theme/Tabs";
 import TabItem from "@theme/TabItem";
 import ChopQuestion1 from "@site/image-generator/yml/beginner/chop-question-1.yml";

diff --git a/docs/beginner/chop-question-2.mdx b/docs/beginner/chop-question-2.mdx
@@ -3,7 +3,7 @@ id: chop-question-2
 title: The Chop (Question 2)
 ---
 
-import BeginnersGuideProgress from "@site/src/beginnersGuide.js";
+import BeginnersGuideProgress from "@site/src/beginnersGuide.tsx";
 import Tabs from "@theme/Tabs";
 import TabItem from "@theme/TabItem";
 import ChopQuestion2 from "@site/image-generator/yml/beginner/chop-question-2.yml";

diff --git a/docs/beginner/chop-question-3.mdx b/docs/beginner/chop-question-3.mdx
@@ -3,7 +3,7 @@ id: chop-question-3
 title: The Chop (Question 3)
 ---
 
-import BeginnersGuideProgress from "@site/src/beginnersGuide.js";
+import BeginnersGuideProgress from "@site/src/beginnersGuide.tsx";
 import Tabs from "@theme/Tabs";
 import TabItem from "@theme/TabItem";
 import ChopQuestion3 from "@site/image-generator/yml/beginner/chop-question-3.yml";

diff --git a/docs/beginner/chop-question-4.mdx b/docs/beginner/chop-question-4.mdx
@@ -3,7 +3,7 @@ id: chop-question-4
 title: The Chop (Question 4)
 ---
 
-import BeginnersGuideProgress from "@site/src/beginnersGuide.js";
+import BeginnersGuideProgress from "@site/src/beginnersGuide.tsx";
 import Tabs from "@theme/Tabs";
 import TabItem from "@theme/TabItem";
 import ChopQuestion4 from "@site/image-generator/yml/beginner/chop-question-4.yml";

diff --git a/docs/beginner/chop.mdx b/docs/beginner/chop.mdx
@@ -3,7 +3,7 @@ id: chop
 title: The Chop
 ---
 
-import BeginnersGuideProgress from "@site/src/beginnersGuide.js";
+import BeginnersGuideProgress from "@site/src/beginnersGuide.tsx";
 import Chop1 from "@site/image-generator/yml/beginner/chop-1.yml";
 import Chop2 from "@site/image-generator/yml/beginner/chop-2.yml";
 

diff --git a/docs/beginner/clue-interpretation-question-1.mdx b/docs/beginner/clue-interpretation-question-1.mdx
@@ -3,7 +3,7 @@ id: clue-interpretation-question-1
 title: Clue Interpretation (Question 1)
 ---
 
-import BeginnersGuideProgress from "@site/src/beginnersGuide.js";
+import BeginnersGuideProgress from "@site/src/beginnersGuide.tsx";
 import Tabs from "@theme/Tabs";
 import TabItem from "@theme/TabItem";
 import ClueInterpretationQuestion1 from "@site/image-generator/yml/beginner/clue-interpretation-question-1.yml";

diff --git a/docs/beginner/clue-interpretation-question-2.mdx b/docs/beginner/clue-interpretation-question-2.mdx
@@ -3,7 +3,7 @@ id: clue-interpretation-question-2
 title: Clue Interpretation (Question 2)
 ---
 
-import BeginnersGuideProgress from "@site/src/beginnersGuide.js";
+import BeginnersGuideProgress from "@site/src/beginnersGuide.tsx";
 import Tabs from "@theme/Tabs";
 import TabItem from "@theme/TabItem";
 import ClueInterpretationQuestion2 from "@site/image-generator/yml/beginner/clue-interpretation-question-2.yml";

diff --git a/docs/beginner/clue-interpretation-question-3.mdx b/docs/beginner/clue-interpretation-question-3.mdx
@@ -3,7 +3,7 @@ id: clue-interpretation-question-3
 title: Clue Interpretation (Question 3)
 ---
 
-import BeginnersGuideProgress from "@site/src/beginnersGuide.js";
+import BeginnersGuideProgress from "@site/src/beginnersGuide.tsx";
 import Tabs from "@theme/Tabs";
 import TabItem from "@theme/TabItem";
 import ClueInterpretationQuestion3 from "@site/image-generator/yml/beginner/clue-interpretation-question-3.yml";

diff --git a/docs/beginner/clue-interpretation-question-4.mdx b/docs/beginner/clue-interpretation-question-4.mdx
@@ -3,7 +3,7 @@ id: clue-interpretation-question-4
 title: Clue Interpretation (Question 4)
 ---
 
-import BeginnersGuideProgress from "@site/src/beginnersGuide.js";
+import BeginnersGuideProgress from "@site/src/beginnersGuide.tsx";
 import Tabs from "@theme/Tabs";
 import TabItem from "@theme/TabItem";
 import ClueInterpretationQuestion4 from "@site/image-generator/yml/beginner/clue-interpretation-question-4.yml";

diff --git a/docs/beginner/clue-interpretation.mdx b/docs/beginner/clue-interpretation.mdx
@@ -3,7 +3,7 @@ id: clue-interpretation
 title: Clue Interpretation
 ---
 
-import BeginnersGuideProgress from "@site/src/beginnersGuide.js";
+import BeginnersGuideProgress from "@site/src/beginnersGuide.tsx";
 
 <BeginnersGuideProgress id="clue-interpretation" />
 

diff --git a/docs/beginner/critical-save-question-1.mdx b/docs/beginner/critical-save-question-1.mdx
@@ -3,7 +3,7 @@ id: critical-save-question-1
 title: The Critical Save (Question 1)
 ---
 
-import BeginnersGuideProgress from "@site/src/beginnersGuide.js";
+import BeginnersGuideProgress from "@site/src/beginnersGuide.tsx";
 import Tabs from "@theme/Tabs";
 import TabItem from "@theme/TabItem";
 import CriticalSaveQuestion1 from "@site/image-generator/yml/beginner/critical-save-question-1.yml";

diff --git a/docs/beginner/critical-save-question-2.mdx b/docs/beginner/critical-save-question-2.mdx
@@ -3,7 +3,7 @@ id: critical-save-question-2
 title: The Critical Save (Question 2)
 ---
 
-import BeginnersGuideProgress from "@site/src/beginnersGuide.js";
+import BeginnersGuideProgress from "@site/src/beginnersGuide.tsx";
 import Tabs from "@theme/Tabs";
 import TabItem from "@theme/TabItem";
 import CriticalSaveQuestion2 from "@site/image-generator/yml/beginner/critical-save-question-2.yml";

diff --git a/docs/beginner/critical-save-question-3.mdx b/docs/beginner/critical-save-question-3.mdx
@@ -3,7 +3,7 @@ id: critical-save-question-3
 title: The Critical Save (Question 3)
 ---
 
-import BeginnersGuideProgress from "@site/src/beginnersGuide.js";
+import BeginnersGuideProgress from "@site/src/beginnersGuide.tsx";
 import Tabs from "@theme/Tabs";
 import TabItem from "@theme/TabItem";
 import CriticalSaveQuestion3 from "@site/image-generator/yml/beginner/critical-save-question-3.yml";

diff --git a/docs/beginner/critical-save-question-4.mdx b/docs/beginner/critical-save-question-4.mdx
@@ -3,7 +3,7 @@ id: critical-save-question-4
 title: The Critical Save (Question 4)
 ---
 
-import BeginnersGuideProgress from "@site/src/beginnersGuide.js";
+import BeginnersGuideProgress from "@site/src/beginnersGuide.tsx";
 import Tabs from "@theme/Tabs";
 import TabItem from "@theme/TabItem";
 import CriticalSaveQuestion4 from "@site/image-generator/yml/beginner/critical-save-question-4.yml";

diff --git a/docs/beginner/critical-save.mdx b/docs/beginner/critical-save.mdx
@@ -3,7 +3,7 @@ id: critical-save
 title: The Critical Save
 ---
 
-import BeginnersGuideProgress from "@site/src/beginnersGuide.js";
+import BeginnersGuideProgress from "@site/src/beginnersGuide.tsx";
 import CriticalSave from "@site/image-generator/yml/beginner/critical-save.yml";
 
 <BeginnersGuideProgress id="critical-save" />

diff --git a/docs/beginner/delayed-play-clues-question-1.mdx b/docs/beginner/delayed-play-clues-question-1.mdx
@@ -3,7 +3,7 @@ id: delayed-play-clues-question-1
 title: Delayed Play Clues (Question 1)
 ---
 
-import BeginnersGuideProgress from "@site/src/beginnersGuide.js";
+import BeginnersGuideProgress from "@site/src/beginnersGuide.tsx";
 import Tabs from "@theme/Tabs";
 import TabItem from "@theme/TabItem";
 import DelayedPlayCluesQuestion1 from "@site/image-generator/yml/beginner/delayed-play-clues-question-1.yml";

diff --git a/docs/beginner/delayed-play-clues-question-2.mdx b/docs/beginner/delayed-play-clues-question-2.mdx
@@ -3,7 +3,7 @@ id: delayed-play-clues-question-2
 title: Delayed Play Clues (Question 2)
 ---
 
-import BeginnersGuideProgress from "@site/src/beginnersGuide.js";
+import BeginnersGuideProgress from "@site/src/beginnersGuide.tsx";
 import Tabs from "@theme/Tabs";
 import TabItem from "@theme/TabItem";
 import DelayedPlayCluesQuestion2 from "@site/image-generator/yml/beginner/delayed-play-clues-question-2.yml";

diff --git a/docs/beginner/delayed-play-clues-question-3.mdx b/docs/beginner/delayed-play-clues-question-3.mdx
@@ -3,7 +3,7 @@ id: delayed-play-clues-question-3
 title: Delayed Play Clues (Question 3)
 ---
 
-import BeginnersGuideProgress from "@site/src/beginnersGuide.js";
+import BeginnersGuideProgress from "@site/src/beginnersGuide.tsx";
 import Tabs from "@theme/Tabs";
 import TabItem from "@theme/TabItem";
 import DelayedPlayCluesQuestion3 from "@site/image-generator/yml/beginner/delayed-play-clues-question-3.yml";

diff --git a/docs/beginner/delayed-play-clues.mdx b/docs/beginner/delayed-play-clues.mdx
@@ -3,7 +3,7 @@ id: delayed-play-clues
 title: Delayed Play Clues
 ---
 
-import BeginnersGuideProgress from "@site/src/beginnersGuide.js";
+import BeginnersGuideProgress from "@site/src/beginnersGuide.tsx";
 import DelayedPlayClues from "@site/image-generator/yml/beginner/delayed-play-clues.yml";
 
 <BeginnersGuideProgress id="delayed-play-clues" />

diff --git a/docs/beginner/early-game-question-1.mdx b/docs/beginner/early-game-question-1.mdx
@@ -3,7 +3,7 @@ id: early-game-question-1
 title: The Early Game (Question 1)
 ---
 
-import BeginnersGuideProgress from "@site/src/beginnersGuide.js";
+import BeginnersGuideProgress from "@site/src/beginnersGuide.tsx";
 import Tabs from "@theme/Tabs";
 import TabItem from "@theme/TabItem";
 import EarlyGameQuestion1 from "@site/image-generator/yml/beginner/early-game-question-1.yml";

diff --git a/docs/beginner/early-game-question-2.mdx b/docs/beginner/early-game-question-2.mdx
@@ -3,7 +3,7 @@ id: early-game-question-2
 title: The Early Game (Question 2)
 ---
 
-import BeginnersGuideProgress from "@site/src/beginnersGuide.js";
+import BeginnersGuideProgress from "@site/src/beginnersGuide.tsx";
 import Tabs from "@theme/Tabs";
 import TabItem from "@theme/TabItem";
 import EarlyGameQuestion2 from "@site/image-generator/yml/beginner/early-game-question-2.yml";

diff --git a/docs/beginner/early-game-question-3.mdx b/docs/beginner/early-game-question-3.mdx
@@ -3,7 +3,7 @@ id: early-game-question-3
 title: The Early Game (Question 3)
 ---
 
-import BeginnersGuideProgress from "@site/src/beginnersGuide.js";
+import BeginnersGuideProgress from "@site/src/beginnersGuide.tsx";
 import Tabs from "@theme/Tabs";
 import TabItem from "@theme/TabItem";
 import EarlyGameQuestion3 from "@site/image-generator/yml/beginner/early-game-question-3.yml";

diff --git a/docs/beginner/early-game-question-4.mdx b/docs/beginner/early-game-question-4.mdx
@@ -3,7 +3,7 @@ id: early-game-question-4
 title: The Early Game (Question 4)
 ---
 
-import BeginnersGuideProgress from "@site/src/beginnersGuide.js";
+import BeginnersGuideProgress from "@site/src/beginnersGuide.tsx";
 import Tabs from "@theme/Tabs";
 import TabItem from "@theme/TabItem";
 import EarlyGameQuestion4 from "@site/image-generator/yml/beginner/early-game-question-4.yml";

diff --git a/docs/beginner/early-game.mdx b/docs/beginner/early-game.mdx
@@ -3,7 +3,7 @@ id: early-game
 title: The Early Game
 ---
 
-import BeginnersGuideProgress from "@site/src/beginnersGuide.js";
+import BeginnersGuideProgress from "@site/src/beginnersGuide.tsx";
 
 <BeginnersGuideProgress id="early-game" />
 

diff --git a/docs/beginner/finesse-question-1.mdx b/docs/beginner/finesse-question-1.mdx
@@ -3,7 +3,7 @@ id: finesse-question-1
 title: The Finesse (Question 1)
 ---
 
-import BeginnersGuideProgress from "@site/src/beginnersGuide.js";
+import BeginnersGuideProgress from "@site/src/beginnersGuide.tsx";
 import Tabs from "@theme/Tabs";
 import TabItem from "@theme/TabItem";
 import FinesseQuestion1 from "@site/image-generator/yml/beginner/finesse-question-1.yml";

diff --git a/docs/beginner/finesse-question-2.mdx b/docs/beginner/finesse-question-2.mdx
@@ -3,7 +3,7 @@ id: finesse-question-2
 title: The Finesse (Question 2)
 ---
 
-import BeginnersGuideProgress from "@site/src/beginnersGuide.js";
+import BeginnersGuideProgress from "@site/src/beginnersGuide.tsx";
 import Tabs from "@theme/Tabs";
 import TabItem from "@theme/TabItem";
 import FinesseQuestion2 from "@site/image-generator/yml/beginner/finesse-question-2.yml";

diff --git a/docs/beginner/finesse.mdx b/docs/beginner/finesse.mdx
@@ -3,7 +3,7 @@ id: finesse
 title: The Finesse
 ---
 
-import BeginnersGuideProgress from "@site/src/beginnersGuide.js";
+import BeginnersGuideProgress from "@site/src/beginnersGuide.tsx";
 import Finesse1 from "@site/image-generator/yml/beginner/finesse-1.yml";
 import Finesse2 from "@site/image-generator/yml/beginner/finesse-2.yml";
 

diff --git a/docs/beginner/good-touch-principle-question-1.mdx b/docs/beginner/good-touch-principle-question-1.mdx
@@ -3,7 +3,7 @@ id: good-touch-principle-question-1
 title: Good Touch Principle (Question 1)
 ---
 
-import BeginnersGuideProgress from "@site/src/beginnersGuide.js";
+import BeginnersGuideProgress from "@site/src/beginnersGuide.tsx";
 import Tabs from "@theme/Tabs";
 import TabItem from "@theme/TabItem";
 import GoodTouchPrincipleQuestion1 from "@site/image-generator/yml/beginner/good-touch-principle-question-1.yml";

diff --git a/docs/beginner/good-touch-principle-question-2.mdx b/docs/beginner/good-touch-principle-question-2.mdx
@@ -3,7 +3,7 @@ id: good-touch-principle-question-2
 title: Good Touch Principle (Question 2)
 ---
 
-import BeginnersGuideProgress from "@site/src/beginnersGuide.js";
+import BeginnersGuideProgress from "@site/src/beginnersGuide.tsx";
 import Tabs from "@theme/Tabs";
 import TabItem from "@theme/TabItem";
 import GoodTouchPrincipleQuestion2 from "@site/image-generator/yml/beginner/good-touch-principle-question-2.yml";

diff --git a/docs/beginner/good-touch-principle-question-3.mdx b/docs/beginner/good-touch-principle-question-3.mdx
@@ -3,7 +3,7 @@ id: good-touch-principle-question-3
 title: Good Touch Principle (Question 3)
 ---
 
-import BeginnersGuideProgress from "@site/src/beginnersGuide.js";
+import BeginnersGuideProgress from "@site/src/beginnersGuide.tsx";
 import Tabs from "@theme/Tabs";
 import TabItem from "@theme/TabItem";
 import GoodTouchPrincipleQuestion3 from "@site/image-generator/yml/beginner/good-touch-principle-question-3.yml";

diff --git a/docs/beginner/good-touch-principle-question-4.mdx b/docs/beginner/good-touch-principle-question-4.mdx
@@ -3,7 +3,7 @@ id: good-touch-principle-question-4
 title: Good Touch Principle (Question 4)
 ---
 
-import BeginnersGuideProgress from "@site/src/beginnersGuide.js";
+import BeginnersGuideProgress from "@site/src/beginnersGuide.tsx";
 import Tabs from "@theme/Tabs";
 import TabItem from "@theme/TabItem";
 import GoodTouchPrincipleQuestion4 from "@site/image-generator/yml/beginner/good-touch-principle-question-4.yml";

diff --git a/docs/beginner/good-touch-principle.mdx b/docs/beginner/good-touch-principle.mdx
@@ -3,7 +3,7 @@ id: good-touch-principle
 title: Good Touch Principle (GTP)
 ---
 
-import BeginnersGuideProgress from "@site/src/beginnersGuide.js";
+import BeginnersGuideProgress from "@site/src/beginnersGuide.tsx";
 import GoodTouchPrinciple1 from "@site/image-generator/yml/beginner/good-touch-principle-1.yml";
 import GoodTouchPrinciple2 from "@site/image-generator/yml/beginner/good-touch-principle-2.yml";
 import GoodTouchPrinciple3 from "@site/image-generator/yml/beginner/good-touch-principle-3.yml";

diff --git a/docs/beginner/minimum-clue-value-principle-question-1.mdx b/docs/beginner/minimum-clue-value-principle-question-1.mdx
@@ -3,7 +3,7 @@ id: minimum-clue-value-principle-question-1
 title: Minimum Clue Value Principle (Question 1)
 ---
 
-import BeginnersGuideProgress from "@site/src/beginnersGuide.js";
+import BeginnersGuideProgress from "@site/src/beginnersGuide.tsx";
 import Tabs from "@theme/Tabs";
 import TabItem from "@theme/TabItem";
 import MinimumClueValuePrincipleQuestion1 from "@site/image-generator/yml/beginner/minimum-clue-value-principle-question-1.yml";

diff --git a/docs/beginner/minimum-clue-value-principle.mdx b/docs/beginner/minimum-clue-value-principle.mdx
@@ -3,7 +3,7 @@ id: minimum-clue-value-principle
 title: Minimum Clue Value Principle (MCVP)
 ---
 
-import BeginnersGuideProgress from "@site/src/beginnersGuide.js";
+import BeginnersGuideProgress from "@site/src/beginnersGuide.tsx";
 import TempoClue from "@site/image-generator/yml/beginner/tempo-clue.yml";
 
 <BeginnersGuideProgress id="minimum-clue-value-principle" />