Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Auto-import IntelliSense of React components missing #452

Open
4 tasks done
karlhorky opened this issue Jun 28, 2024 · 1 comment
Open
4 tasks done

Auto-import IntelliSense of React components missing #452

karlhorky opened this issue Jun 28, 2024 · 1 comment
Labels
🤞 phase/open Post is being triaged manually

Comments

@karlhorky
Copy link

karlhorky commented Jun 28, 2024

Initial checklist

Affected packages and versions

MDX VS Code Extension v1.8.9

Link to runnable example

No response

Steps to reproduce

As noted in #451 (comment), the IntelliSense entries for auto-import of React components in .tsx files (auto-import in an .mdx file) are missing.

  1. Clone the reproduction at https://github.com/karlhorky/repro-mdx-analyzer-missing-auto-import-intellisense
  2. Install the 2 recommended extensions unifiedjs.vscode-mdx@1.8.9 and viijay-kr.react-ts-css@3.2.0 (both enabled)
  3. In app/message.mdx, move the cursor to the end ZoomImage and trigger IntelliSense with ctrl-space
  4. Observe one entry in IntelliSense
  5. Select this entry
  6. Observe the import is added at the end of the file
  7. Disable viijay-kr.react-ts-css@3.2.0
  8. Move the cursor to the end ZoomImage and trigger IntelliSense with ctrl-space
  9. Observe zero entries in IntelliSense
Version: 1.91.0-insider
Commit: aea213b7fcc7de5c24ad797ac1af209b159d451f
Date: 2024-06-28T06:02:58.030Z
Electron: 29.4.0
ElectronBuildId: 9728852
Chromium: 122.0.6261.156
Node.js: 20.9.0
V8: 12.2.281.27-electron.0
OS: Darwin arm64 23.5.0

Repo: https://github.com/karlhorky/repro-mdx-analyzer-missing-auto-import-intellisense

Kapture.2024-06-28.at.17.33.21.mp4

Expected behavior

  1. One entry in the IntelliSense for ZoomImage when only unifiedjs.vscode-mdx@1.8.9 installed
  2. Selecting the entry should add the new import to the top of the code (also when viijay-kr.react-ts-css@3.2.0 enabled)
    1. Saving the file with an import not in the import block at the top should move the import to the top of the file

Actual behavior

  1. Zero entries in the IntelliSense for ZoomImage when only unifiedjs.vscode-mdx@1.8.9 installed
  2. (when viijay-kr.react-ts-css@3.2.0 enabled) selecting the entry adds the new import to the bottom of the code
    1. Saving the file has no effect

Runtime

Node v20

Package manager

No response

OS

macOS

Build and bundle tools

Next.js

Potentially Related

@github-actions github-actions bot added 👋 phase/new Post is being triaged automatically 🤞 phase/open Post is being triaged manually and removed 👋 phase/new Post is being triaged automatically labels Jun 28, 2024
@Yonom
Copy link

Yonom commented Jul 8, 2024

I am getting a similar issue with the VSCode Intellicode extension turning off all hints from this extension

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🤞 phase/open Post is being triaged manually
Development

No branches or pull requests

2 participants