uiwjs / uiwjs/react-codemirror
Fix error related to "Types must be imported using a type-only import when 'verbatimModuleSyntax' is enabled"
Open
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 2.3k
- Forks
- 161
- PR merge metrics
- No merged PRs in 30d
Description
Hi,
Using 'tsc' CI there's issues about import not using type-only import when using 'verbatimModuleSyntax': true in tsconfig.json file.
$ tsc
node_modules/@uiw/react-codemirror/src/getDefaultExtensions.ts:1:10 - error TS1484: 'Extension' is a type and must be imported using a type-only import when 'verbatimModuleSyntax' is enabled.
1 import { Extension } from '@codemirror/state';
~~~~~~~~~
node_modules/@uiw/react-codemirror/src/getDefaultExtensions.ts:3:22 - error TS1484: 'BasicSetupOptions' is a type and must be imported using a type-only import when 'verbatimModuleSyntax' is enabled.
3 import { basicSetup, BasicSetupOptions } from '@uiw/codemirror-extensions-basic-setup';
~~~~~~~~~~~~~~~~~
node_modules/@uiw/react-codemirror/src/index.tsx:2:23 - error TS1484: 'EditorStateConfig' is a type and must be imported using a type-only import when 'verbatimModuleSyntax' is enabled.
2 import { EditorState, EditorStateConfig, Extension, StateField } from '@codemirror/state';
~~~~~~~~~~~~~~~~~
node_modules/@uiw/react-codemirror/src/index.tsx:2:42 - error TS1484: 'Extension' is a type and must be imported using a type-only import when 'verbatimModuleSyntax' is enabled.
2 import { EditorState, EditorStateConfig, Extension, StateField } from '@codemirror/state';
~~~~~~~~~
node_modules/@uiw/react-codemirror/src/index.tsx:4:10 - error TS1484: 'BasicSetupOptions' is a type and must be imported using a type-only import when 'verbatimModuleSyntax' is enabled.
4 import { BasicSetupOptions } from '@uiw/codemirror-extensions-basic-setup';
~~~~~~~~~~~~~~~~~
node_modules/@uiw/react-codemirror/src/index.tsx:6:10 - error TS1484: 'Statistics' is a type and must be imported using a type-only import when 'verbatimModuleSyntax' is enabled.
6 import { Statistics } from './utils';
~~~~~~~~~~
node_modules/@uiw/react-codemirror/src/useCodeMirror.ts:6:10 - error TS1484: 'ReactCodeMirrorProps' is a type and must be imported using a type-only import when 'verbatimModuleSyntax' is enabled.
6 import { ReactCodeMirrorProps } from '.';
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with node_modules/@uiw/react-codemirror/src/getDefaultExtensions.ts, index.tsx, and useCodeMirror.ts, then review the reported imports and the repository's tsconfig.json. Run tsc with verbatimModuleSyntax enabled; done means the listed TS1484 errors no longer occur.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Clearly specified
- Newbie friendliness
- 45/100