fix select variant update

Author: lucasassisrosa

demo/examples/petstore.yaml

@@ -147,6 +147,7 @@ paths:
               Console.WriteLine(response.getRawResponse());
             }
         - lang: PHP
+          label: Custom
           source: |
             $form = new \PetStore\Entities\Pet();
             $form->setPetType("Dog");

packages/docusaurus-theme-openapi-docs/src/theme/ApiExplorer/CodeSnippets/index.tsx

@@ -281,15 +281,19 @@ function CodeSnippets({ postman, codeSamples }: Props) {
     mergedLangs,
   ]);
 
+  // no dependencies was intentionlly set for this particular hook. it's safe as long as if conditions are set
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   useEffect(function onSelectedVariantUpdate() {
-    if (
-      language.source &&
-      selectedVariant === language.codeSampleLanguage.toLowerCase()
-    ) {
-      console.log("entered");
+    // selected a code sample variant
+    if (selectedVariant === language.codeSampleLanguage.toLowerCase()) {
+      const sample = codeSamples.find(
+        ({ lang }) => lang === language.codeSampleLanguage
+      );
 
-      setCodeText(language.source);
-      return;
+      if (sample) {
+        setCodeText(sample.source);
+        return;
+      }
     }
 
     if (selectedVariant && selectedVariant !== language.variant) {

packages/docusaurus-theme-openapi-docs/src/theme/ApiExplorer/CodeSnippets/languages.ts

@@ -18,7 +18,7 @@ export function mergeCodeSampleLanguage(
 
     if (sample) {
       const label = sample.label || sample.lang;
-      const variant = (sample.label || sample.lang).toLowerCase();
+      const variant = sample.lang.toLowerCase();
       const source = sample.source;
 
       return {