Custom Multi Select in React

Machine Coding Interview Question Build a Multi-Select Dropdown with Search (Tag Input) This is VERY frequently asked in frontend interviews. 📌 Problem Statement Build a Multi-Select Dropdown component like this: [ React × ] [ JavaScript × ] [ + Add ] Clicking "Add" opens a dropdown with searchable options. 📦 Data const options = [ "React", "JavaScript", "TypeScript", "Node.js", "Next.js", "HTML", "CSS" ]; ✅ Requirements 1️⃣ Multi Select User can select multiple options Selected items appear as tags [ React × ] [ CSS × ] 2️⃣ Remove Tag Each tag has ❌ Clicking removes it 3️⃣ Dropdown Toggle Clicking input or button opens dropdown Clicking outside closes it 4️⃣ Search Filter Typing filters options: Input: "re" → React 5️⃣ Prevent Duplicate Selection Already selected items should: Not appear in dropdown OR Be disabled 6️⃣ Keyboard Support (Important) Enter → select highlighted item Backspace → remove last tag (if input empty) ⚠️ Constraints (Interview Critical) ❌ No libraries ❌ No mutatio