Import markdown.md for notes "Cannot find module"

Describe the bug I want to use the notes addon to display relevant information about my component using markdown, see code below.

import mdNotes from './card.component.notes.md';

storiesOf('Atoms/Card', module)
  .add('Default with notes', () => ({
    component: CardComponent
  }), {
    notes: mdNotes
  }
);

Unfortunatly this results in TS2307: Cannot find module './card.component.notes.md'.

To Reproduce Steps to reproduce the behavior:

1. Create a new story
2. Create a markdown file with some content
3. Import markdown file in your story
4. See error

Expected behavior Markdown file is included and content is correctly rendered in the notes tab.

Code snippets

card.component.notes.md

# Card component
This component uses the Angular Material library.

typings.d.ts

declare module '*.md' {
  const content: string;
  export default content;
}

tsconfig.json

"typeRoots": [
      "node_modules/@types",
      "node_modules/@types","./typings.d.ts"
    ],

System:

• OS: Windows 10 Pro
• Device: Lenovo Thinkpad
• Browser: Firefox
• Framework: Angular
• Addons: Notes
• Version: 5.0.5

[kroeder]

I just opened a PR with a fix, just follow my changes https://github.com/storybooks/storybook/pull/6444/files

It works in every possible scenario for me, can you verify that?

1. Add typings.d.ts in .storybook

declare module '*.md' {
  const content: string;
  export = content;
}

1. Add it to files in .storybook/tsconfig.json

{
  "extends": "../src/tsconfig.app.json",
  "compilerOptions": {
    "types": [
      "node"
    ]
  },
  "exclude": [
    "../src/test.ts",
    "../src/**/*.spec.ts",
    "../projects/**/*.spec.ts"
  ],
  "include": [
    "../src/**/*",
    "../projects/**/*"
  ],
  "files": [
    "./typings.d.ts"
  ]
}

[JacekKosciesza]

This worked for me (https://stackoverflow.com/a/56659180/602860):

Create a globals.d.ts file in your root directory with the following code:

declare module "*.md";