I've setup resium in a react-vite storybook and it's working well for me to develop some custom components. I'm now trying to 'compose' the already published Resium storybook for the core components at https://resium.reearth.io/examples but am unable to do so.
// maint.ts
import type { StorybookConfig } from '@storybook/react-vite';
const config: StorybookConfig = {
refs: {
'external-reaviz': { // example of a working composed storybook
title: 'Reaviz',
url: 'https://reaviz.io',
expanded: false,
},
'external-resium': { // Trying to get resium storybook composition working
title: 'Resium',
url: 'https://resium.reearth.io/examples/',
expanded: false, // Optional, true by default
},
},
};
- The Resium storybook is hosted on the /examples subdirectory. The other storybooks I've successfully composed are on the base path. This probably isn't the cause but it is one thing different.
- I've noticed a CORS error when pointing directly to the index.html file. I'm wondering if your hosting CORS config may be limiting the ability to compose the storybook
- I'm using storybook v7. I don't think there should be an issue with this if you are still using v6 though.
I've setup resium in a react-vite storybook and it's working well for me to develop some custom components. I'm now trying to 'compose' the already published Resium storybook for the core components at https://resium.reearth.io/examples but am unable to do so.
Some notes:
const config: StorybookConfig = { refs: { 'external-reaviz': { // example of a working composed storybook title: 'Reaviz', url: 'https://reaviz.io', expanded: false, }, 'external-resium': { // Trying to get resium storybook composition working title: 'Resium', url: 'https://resium.reearth.io/examples/', expanded: false, // Optional, true by default }, }, };