From 3876f4a59cb8d26a52a08f5ddc821a0bd9c7fa4a Mon Sep 17 00:00:00 2001
From: Rohit Malhotra <rohitvinodmalhotra@gmail.com>
Date: Thu, 19 Dec 2024 07:00:10 -0500
Subject: [PATCH] [Bug]: Prevent selection of "add more repo" option in
 dropdown (#5688)

---
 .../src/components/features/github/github-repo-selector.tsx   | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/frontend/src/components/features/github/github-repo-selector.tsx b/frontend/src/components/features/github/github-repo-selector.tsx
index dd645c892fdc..4352fd9b42d8 100644
--- a/frontend/src/components/features/github/github-repo-selector.tsx
+++ b/frontend/src/components/features/github/github-repo-selector.tsx
@@ -1,3 +1,4 @@
+import React from "react";
 import { Autocomplete, AutocompleteItem } from "@nextui-org/react";
 import { useDispatch } from "react-redux";
 import posthog from "posthog-js";
@@ -14,6 +15,7 @@ export function GitHubRepositorySelector({
   repositories,
 }: GitHubRepositorySelectorProps) {
   const { data: config } = useConfig();
+  const [selectedKey, setSelectedKey] = React.useState<string | null>(null);
 
   // Add option to install app onto more repos
   const finalRepositories =
@@ -36,6 +38,7 @@ export function GitHubRepositorySelector({
       dispatch(setSelectedRepository(repo.full_name));
       posthog.capture("repository_selected");
       onSelect();
+      setSelectedKey(id);
     }
   };
 
@@ -63,6 +66,7 @@ export function GitHubRepositorySelector({
       name="repo"
       aria-label="GitHub Repository"
       placeholder="Select a GitHub project"
+      selectedKey={selectedKey}
       inputProps={{
         classNames: {
           inputWrapper: