Repository: storybook
Issue: Controls is not visible/shown in canvas/addons (only in docs)
Labels: bug,addon: controls

**Describe the bug**
I added controls to my story but it only shows in the `docs` tab not on the `canvas/addons`


**To Reproduce**
Steps to reproduce the behavior:

1. Go to https://everdevs.github.io/design-system/?path=/story/design-system-atoms-button--with-label
2. Controls-tab is not visible
3. Go to https://everdevs.github.io/design-system/?path=/docs/design-system-atoms-button--with-label
4. Controls are visible

**Expected behavior**
As a user I expect the controls tab to be visible after following [this guide](https://storybook.js.org/docs/react/essentials/controls)

**Screenshots**

*canvas*

<img width="551" alt="Screen Shot 2020-09-15 at 14 24 34" src="https://user-images.githubusercontent.com/1148334/93211287-4df4d200-f761-11ea-9bfc-703d2b4d8327.png">

*docs*

<img width="1134" alt="Screen Shot 2020-09-15 at 14 24 25" src="https://user-images.githubusercontent.com/1148334/93211289-4e8d6880-f761-11ea-9e84-78ad6055a858.png">



**Code snippets**


**STORY**

```jsx
import { Meta, Story } from "@storybook/react";
import React from "react";
import { Button } from "../src";

const Template: Story = args => {
	return <Button {...args} />;
};

export const WithLabel = Template.bind({});

WithLabel.args = {
	children: "I am a Button",
};

const story: Meta = {
	component: Button,
	title: "Design System/Atoms/Button",
	argTypes: {
		children: { control: "text" },
		variation: { control: "select" },
		size: { control: "select" },
		theme: { control: false },
	},
};

export default story;

```
**CONFIG**

*.storybook/main.js*
```js
module.exports = {
	stories: ["../**/stories/*.stories.@(tsx|mdx)"],
	addons: [
		"@storybook/addon-a11y",
		"@storybook/addon-backgrounds",
		"@storybook/addon-jest",
		"@storybook/addon-docs",
	],
	webpackFinal: async config => {
		config.module.rules.push({
			test: /\.(ts|tsx)$/,
			use: [
				{
					loader: require.resolve("babel-loader"),
					options: {
						presets: [
							"@babel/preset-env",
							"@babel/preset-typescript",
							"@babel/preset-react",
						],
					},
				},
				{
					loader: require.resolve("react-docgen-typescript-loader"),
					options: {
						// Provide the path to your tsconfig.json so that your stories can
						// display types from outside each individual story.
						tsconfigPath: path.resolve(__dirname, "../tsconfig.json"),
					},
				},
			],
		});
		config.resolve.extensions.push(".ts", ".tsx");
		return config;
	},
};
```

*.storybook/manager.js*

```js
import { addons } from "@storybook/addons";
import theme from "./theme";

addons.setConfig({
	theme,
});

```

*.storybook/preview.js*

```js
import { addDecorator, addParameters } from "@storybook/react";
import { withA11y } from "@storybook/addon-a11y";

const backgrounds = {
	default: "light",
	values: [
		{
			name: "light",
			value: "#dedede",
		},
		{
			name: "dark",
			value: "#232323",
		},
	],
};

const a11y = {
	element: "#root *",
};

addParameters({
	backgrounds,
	a11y,
});

addDecorator(withA11y);

```

*.storybook/theme.js*

```js
import { create } from "@storybook/theming/create";

export default create({
/* theme definitions */
});

```

**System:**

```
Environment Info:

  System:
    OS: macOS 10.15.5
    CPU: (16) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
  Binaries:
    Node: 12.18.0 - ~/.nvm/versions/node/v12.18.0/bin/node
    Yarn: 1.22.4 - ~/.nvm/versions/node/v12.18.0/bin/yarn
    npm: 6.14.4 - ~/.nvm/versions/node/v12.18.0/bin/npm
  Browsers:
    Chrome: 85.0.4183.102
    Safari: 13.1.1
  npmPackages:
    @storybook/addon-a11y: ^6.0.21 => 6.0.21 
    @storybook/addon-actions: ^6.0.21 => 6.0.21 
    @storybook/addon-backgrounds: ^6.0.21 => 6.0.21 
    @storybook/addon-docs: ^6.1.0-alpha.9 => 6.1.0-alpha.9 
    @storybook/addon-info: ^5.3.21 => 5.3.21 
    @storybook/addon-jest: ^6.0.21 => 6.0.21 
    @storybook/addon-knobs: ^6.0.21 => 6.0.21 
    @storybook/addon-links: ^6.0.21 => 6.0.21 
    @storybook/addon-viewport: ^6.0.21 => 6.0.21 
    @storybook/addons: ^6.0.21 => 6.0.21 
    @storybook/cli: ^6.0.21 => 6.0.21 
    @storybook/preset-typescript: ^3.0.0 => 3.0.0 
    @storybook/react: ^6.0.21 => 6.0.21 
    @storybook/theming: ^6.0.21 => 6.0.21 

```

**Additional context**