Storybook-readme: Theme error when using Storybook 5.3+

Created on 22 Jan 2020 · 6Comments · Source: tuchk4/storybook-readme

This is a follow up to issue #220. I am having the same issue and I do not set a custom theme at all. I had to add the following to make the error go away:

addParameters({ options: { theme: {} } });

Source

jayknott

👍14 🚀2

Most helpful comment

Ok, if anyone is looking for an up-to-date workaround with complete context, add this to your preview.js under your .storybook folder:

import { addParameters } from '@storybook/react';

addParameters({
  options: {
    theme: {}// this is just a workaround for addon-readme
  },
})

danielo515 on 28 Apr 2020

👍4

All 6 comments

In packages/storybook-readme/src/services/getParameters.js#L17, should be something like

...(parameters.options && parameters.options.theme ? parameters.options.theme : {})

webketje on 14 Feb 2020

This fixes issue https://github.com/tuchk4/storybook-readme/issues/228 as well

bbellmyers on 27 Mar 2020

Thanks @bbellmyers

FYI if you're using Typescript you need to define base;
.addParameters({ options: { theme: { base: '' } } });

marksy on 3 Apr 2020

This is happening to me too. What is exactly the solution? I don't see any concrete example.
I am configuring my theme as it is explained on the docs of storybook. Could you please explain to me what I have to do from the normal up to date configuration?

danielo515 on 27 Apr 2020

Ok, if anyone is looking for an up-to-date workaround with complete context, add this to your preview.js under your .storybook folder:

import { addParameters } from '@storybook/react';

addParameters({
  options: {
    theme: {}// this is just a workaround for addon-readme
  },
})

danielo515 on 28 Apr 2020

👍4

If I use the code proposed by @danielo515, I get "Passed an incorrect argument to a color function, please pass a string representation of a color" instead of the previous error. My version of Storybook is 5.3.19.