From fade71a6614a1d97ca8e457d35c6845475904d63 Mon Sep 17 00:00:00 2001
From: jonniebigodes <joaocontadesenvolvimento@gmail.com>
Date: Wed, 14 Oct 2020 22:22:12 +0100
Subject: [PATCH] adjusted faq to address issue #12481

---
 docs/workflows/faq.md | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/docs/workflows/faq.md b/docs/workflows/faq.md
index c7dcc6786d6a..c27ef0f22daa 100644
--- a/docs/workflows/faq.md
+++ b/docs/workflows/faq.md
@@ -94,6 +94,19 @@ class MyComponent extends Component {
 export const defaultView = () => <MyComponent initialState={} />;
 ```
 
+
+### Why aren't Controls visible in the Canvas panel but visible in the Docs panel?
+
+If you're adding Storybook's dependencies manually, make sure you to include the [`@storybook/addon-controls`](https://www.npmjs.com/package/@storybook/addon-controls) dependency in your project and reference it in your `.storybook/main.js` as follows:
+
+```js
+// .storybook/main.js
+
+module.exports = {
+  addons: ['@storybook/addon-controls'],
+};
+```
+
 ### Why i'm getting errors with react-popper and Storybook?
 
 If you're using the `react-popper` in your own project and you're experiencing issues with Storybook. You can solve them by adding the `--no-dll` command line flag. Take a look at the [cli options page](../api/cli-options.md) to see how you can use the flag in your project.