Have you ever had a missing import in your code and your project just crashed because some type of useState import? Me too, that's why I created this extension. It will automatically add the missing imports for you, so you can focus on writing code instead of fixing errors.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Unmissing Import — Auto Import React Hooks on Save
Unmissing Import is a smart Visual Studio Code extension that automatically adds missing imports like useState, useEffect, and other commonly used React hooks when you save your file — no more red squiggles or manual imports!
⚡ What It Does
🚀 Automatically imports missing:
useState, useEffect, useRef, useContext, and more
React itself (import React from 'react') if needed
🧠 Detects usage and injects imports when saving
🔧 Works seamlessly with JavaScript and TypeScript
⚙️ Fully configurable with custom packages and hook/component mappings
🛠 Installation
Open Extensions in VS Code (Ctrl+Shift+X or Cmd+Shift+X)
Search for Unmissing Import
Click Install
You're done! It runs automatically on file save
🎯 Use Case
You're writing:
const [count, setCount] = useState(0);
useEffect(() => {
console.log('Mounted');
}, []);
---
## 🙌 Created by
**szbdev** — Building beautiful, focused tools for developers.
---
## ☕ Support the Creator
If you enjoy using ThemeMe and want to support its development, consider buying me a coffee:
[](https://buymeacoffee.com/szbdev)
