From 87516c49f735364bdc9cf410906ff2a3a4cedc28 Mon Sep 17 00:00:00 2001
From: blam <ben@blam.sh>
Date: Tue, 6 Sep 2022 10:58:22 +0200
Subject: [PATCH] chore: make jsx Signed-off-by: blam <ben@blam.sh>

---
 .../{AdvancedSettings.tsx => AdvancedSettings.jsx}   | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)
 rename packages/app/src/components/advancedSettings/{AdvancedSettings.tsx => AdvancedSettings.jsx} (85%)

diff --git a/packages/app/src/components/advancedSettings/AdvancedSettings.tsx b/packages/app/src/components/advancedSettings/AdvancedSettings.jsx
similarity index 85%
rename from packages/app/src/components/advancedSettings/AdvancedSettings.tsx
rename to packages/app/src/components/advancedSettings/AdvancedSettings.jsx
index 9a1e0fd162..469f9a6035 100644
--- a/packages/app/src/components/advancedSettings/AdvancedSettings.tsx
+++ b/packages/app/src/components/advancedSettings/AdvancedSettings.jsx
@@ -14,6 +14,9 @@
  * limitations under the License.
  */
 
+// @ts-check
+// NOTE: This file is intentionally .jsx, so that there is one file in this repo where we make sure .jsx files work.
+
 import React from 'react';
 import { InfoCard } from '@backstage/core-components';
 import {
@@ -27,12 +30,11 @@ import {
 import useLocalStorage from 'react-use/lib/useLocalStorage';
 
 export function AdvancedSettings() {
-  const [value, setValue] = useLocalStorage<'on' | 'off'>(
-    'advanced-option',
-    'off',
-  );
+  const [value, setValue] = useLocalStorage('advanced-option', 'off');
 
-  const toggleValue = (ev: React.ChangeEvent<HTMLInputElement>) => {
+  const toggleValue = (
+    /** @type {React.ChangeEvent<HTMLInputElement>} */ ev,
+  ) => {
     setValue(ev.currentTarget.checked ? 'on' : 'off');
   };