Fix data flow path dropdown not updating

Author: koesie10

extensions/ql-vscode/src/view/common/CodePaths/CodeFlowsDropdown.tsx

@@ -12,11 +12,13 @@ const getCodeFlowName = (codeFlow: CodeFlow) => {
 
 type CodeFlowsDropdownProps = {
   codeFlows: CodeFlow[];
+  selectedCodeFlow: CodeFlow;
   setSelectedCodeFlow: (value: SetStateAction<CodeFlow>) => void;
 };
 
 export const CodeFlowsDropdown = ({
   codeFlows,
+  selectedCodeFlow,
   setSelectedCodeFlow,
 }: CodeFlowsDropdownProps) => {
   const handleChange = useCallback(
@@ -28,13 +30,12 @@ export const CodeFlowsDropdown = ({
     [setSelectedCodeFlow, codeFlows],
   );
 
+  const value = codeFlows
+    .findIndex((codeFlow) => selectedCodeFlow === codeFlow)
+    .toString();
+
   return (
-    <VSCodeDropdown
-      onChange={
-        handleChange as ((e: Event) => unknown) &
-          React.FormEventHandler<HTMLElement>
-      }
-    >
+    <VSCodeDropdown value={value} onChange={handleChange}>
       {codeFlows.map((codeFlow, index) => (
         <VSCodeOption key={index} value={index.toString()}>
           {getCodeFlowName(codeFlow)}

extensions/ql-vscode/src/view/data-flow-paths/DataFlowPaths.tsx

@@ -60,6 +60,7 @@ export const DataFlowPaths = ({
         <PathDropdownContainer>
           <CodeFlowsDropdown
             codeFlows={codeFlows}
+            selectedCodeFlow={selectedCodeFlow}
             setSelectedCodeFlow={setSelectedCodeFlow}
           />
         </PathDropdownContainer>