diff --git a/.vscode/settings.json b/.vscode/settings.json
index b09ba96..53b335c 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -9,6 +9,12 @@
     "[javascript]": {
         "editor.defaultFormatter": "esbenp.prettier-vscode"
     },
+    "[typescriptreact]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
+    "[javascriptreact]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
     "[json]": {
         "editor.defaultFormatter": "esbenp.prettier-vscode"
     },
diff --git a/src/renderer/components/ScreenSharePicker.tsx b/src/renderer/components/ScreenSharePicker.tsx
index c562984..3c4b7ec 100644
--- a/src/renderer/components/ScreenSharePicker.tsx
+++ b/src/renderer/components/ScreenSharePicker.tsx
@@ -59,12 +59,12 @@ export function openScreenSharePicker(screens: Source[]) {
     });
 }
 
-function ScreenPicker({ screens, onPick }: { screens: Source[]; onPick: (id: string) => void; }) {
+function ScreenPicker({ screens, chooseScreen }: { screens: Source[]; chooseScreen: (id: string) => void }) {
     return (
         <div className="vcd-screen-picker-grid">
             {screens.map(({ id, name, url }) => (
                 <label key={id}>
-                    <input type="radio" name="screen" value={id} onChange={() => onPick(id)} />
+                    <input type="radio" name="screen" value={id} onChange={() => chooseScreen(id)} />
 
                     <img src={url} alt="" />
                     <Text variant="text-sm/normal">{name}</Text>
@@ -183,7 +183,7 @@ function ModalComponent({
 
             <Modals.ModalContent className="vcd-screen-picker-modal">
                 {!selected ? (
-                    <ScreenPicker screens={screens} onPick={setSelected} />
+                    <ScreenPicker screens={screens} chooseScreen={setSelected} />
                 ) : (
                     <StreamSettings
                         source={screens.find(s => s.id === selected)!}