Repository: storybook
Issue: syntaxhighlighter.d.ts - error TS7016: Could not find a declaration file for module 'react-syntax-highlighter/dist/cjs/create-element'.
Labels: question / support,has workaround,components,typescript

**Describe the bug**
I'm using `6.0.0-rc.14` with Typescript and I have (and would like to keep) 'no-implicitly-any' enabled in my `tsconfig.json`.  After adding a some components from `@storybook/addon-docs/blocks` I start to get `implicitly has an 'any' type.` error when type-checking my project. (via  `tsc --no-emit`).

```
node_modules/@storybook/components/dist/syntaxhighlighter/syntaxhighlighter.d.ts:3:27 - error TS7016: Could not find a declaration file for module 'react-syntax-highlighter/dist/cjs/create-element'. '...MY_PROJECT_PATH/node_modules/react-syntax-highlighter/dist/cjs/create-element.js' implicitly has an 'any' type.
```

**To Reproduce**
Steps to reproduce the behavior:
1. In a simple Typescript React project run ```npx sb@next init```.
2. `tsconfig.json` should have the following setting enabled:
  ```
  "noImplicitAny": true,
  "noImplicitThis": true,
  ```
3. Confirm version `6.0.0-rc.14` in `package.json` of following _devDependencies_:
  ```
   "@storybook/addon-actions": "^6.0.0-rc.14",
   "@storybook/addon-essentials": "^6.0.0-rc.14",
   "@storybook/addon-links": "^6.0.0-rc.14",
   "@storybook/react": "^6.0.0-rc.14",
  ```
4. Add a simple _MyComponent_ via 'MyComponent.tsc`.
  ```
  import React from "react";

  export const MyComponent = () => (<div>Woot!</div>);
  ```
5. Add 'MyComponent.story.tsc` file that uses custom blocks.
```
import {
  Description,
  Props,
  Subtitle,
  Title,
} from "@storybook/addon-docs/blocks";
import React from "react";

export default {
  title: "Components/MyComponent",
  components: { MyComponent },
  parameters: {
    docs: {
      page: () => (
        <>
          <Title />
          <Subtitle />
          <Description
            markdown={`
# A Title
A description.
`}
          />
        </>
      ),
    },
  },
};

export const Basic = <MyComponent />
Basic.args = {};
```
5. Run a project level TSC type-check via ```tsc --noEmit```

**Expected behavior**
TSC output of: ```Found 0 errors.```

**System:**

Environment Info:

  System:
    OS: macOS High Sierra 10.13.6
    CPU: (8) x64 Intel(R) Core(TM) i7-4980HQ CPU @ 2.80GHz
  Binaries:
    Node: 10.19.0 - ~/.nvm/versions/node/v10.19.0/bin/node
    npm: 6.13.4 - ~/.nvm/versions/node/v10.19.0/bin/npm
  Browsers:
    Chrome: 84.0.4147.89
    Firefox: 63.0.3
    Safari: 13.1.2
  npmPackages:
    @storybook/addon-actions: ^6.0.0-rc.14 => 6.0.0-rc.14 
    @storybook/addon-essentials: ^6.0.0-rc.14 => 6.0.0-rc.14 
    @storybook/addon-links: ^6.0.0-rc.14 => 6.0.0-rc.14 
    @storybook/react: ^6.0.0-rc.14 => 6.0.0-rc.14 


**Additional context**
I initially tried to `npm install --save-dev @types/react-syntax-highlighter`; however, the latest version doesn't define the module, so I just added ```declare module "react-syntax-highlighter/dist/cjs/create-element";``` to a project level `*.d.ts` file as a work-around.

The issues is likely being masked by this `@ts-ignore` https://github.com/storybookjs/storybook/blob/next/lib/components/src/syntaxhighlighter/syntaxhighlighter.tsx#L18-L19.