Types for monaco not resoving

When I try to use:

import { monaco } from '@monaco-editor/react';

loader.then(instance => {});

the instance is not resolved as seen here:

I’m wondering if its because you have monaco-editor as a peerDependency but you don’t tell people to install it when they install the package?

[RickeyWard]

I have monaco-editor installed but I still don’t get types in my Create-React-Typescript project. I get partial types but not the full monaco-editor types such as IEditorOptions.

[Altair2169]

You need to do two things to resolve the types correctly:

1. Install monaco-editor as that includes the types
2. Include those types in your tsconfig.json:

{
  "include": [
    "src",
    "node_modules/monaco-editor/monaco.d.ts"
  ]
}

After that you can refer to the types without any special imports:

const onValidate = (markers: monaco.editor.IMarker[]) => { ... }

I tried that but it still throws the error namespace monaco not found