fix: #709 render component controls prop only for valid types

[pdmshrestha]

Description

This fixes the issue if the component prop is not valid types string | number | boolean | object . Some vuetify components have prop type of symbol which is not valid for histoire controls. (unless we want to support it).

Additional context

#709

---

What is the purpose of this pull request?

• Bug fix
• New Feature
• Documentation update
• Other

Before submitting the PR, please make sure you do the following

• If it's a new feature, provide a convincing reason to add it. Ideally, you should open a suggestion issue first and have it approved before working on it.
• Read the Contributing Guidelines.
• Read the Pull Request Guidelines and follow the Commit Convention.
• Check that there isn't already a PR that solves the problem the same way to avoid creating a duplicate.
• Provide a description in this PR that addresses what the PR is solving, or reference the issue that it solves (e.g. fixes #123).
• Ideally, include relevant tests that fail without this PR but pass with it.

[codesandbox]

Review or Edit in CodeSandbox

Open the branch in Web Editor • VS Code • Insiders

Open Preview

[stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[netlify]

✅ Deploy Preview for histoire-examples-svelte3 ready!

Name	Link
🔨 Latest commit	6cb9d43
🔍 Latest deploy log	https://app.netlify.com/sites/histoire-examples-svelte3/deploys/66734060b1a99900087dcf4b
😎 Deploy Preview	https://deploy-preview-733--histoire-examples-svelte3.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for histoire-examples-vue3 ready!

Name	Link
🔨 Latest commit	6cb9d43
🔍 Latest deploy log	https://app.netlify.com/sites/histoire-examples-vue3/deploys/66734060cd502500084645b5
😎 Deploy Preview	https://deploy-preview-733--histoire-examples-vue3.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for histoire-controls ready!

Name	Link
🔨 Latest commit	6cb9d43
🔍 Latest deploy log	https://app.netlify.com/sites/histoire-controls/deploys/6673406082acd400081ea22c
😎 Deploy Preview	https://deploy-preview-733--histoire-controls.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for histoire-site ready!

Name	Link
🔨 Latest commit	6cb9d43
🔍 Latest deploy log	https://app.netlify.com/sites/histoire-site/deploys/667340601c88920008563a50
😎 Deploy Preview	https://deploy-preview-733--histoire-site.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.