Comments (4)
Now I was able to get it not to crash by adding a optimizeDeps.exclude = ['@material-ui/icons']
to the config, but sadly, not stories work. I get the menu with all of them, but just a blank page when I try to load.
Nothing in the console.
from ladle.
Hey @romaia
It seems that the type cast for default export as Meta;
is causing the parser to fail. If you delete that, it should unblock you. This is something to fix for us.
The error related to pre-bundling of @material-ui/icons
seems to be a Vite error. We are currently using 2.9.0 beta
version since it dramatically improved the initial startup speed but it has some glitches. However, they should not be critical and the Vite team knows about them so it should get fixed in the next versions.
from ladle.
So, I did manage to get one story up and running.
Besides the default export, I also had to change one that that used @storybook/addon-actions
.
const Template: Story = (args) => {
const [open, setOpen] = React.useState(true);
return (
<Alert {...args} open={open} onClose={() => setOpen(false)}>
{args.children}
</Alert>
);
};
export const WithAction = Template.bind({});
WithAction.args = {
...WithTitle.args,
action: "Ação",
// onActionClick: action("onActionClick"),
};
Uncommenting the onActionClick
line causes all the stories to not render (without any error). Edit: There were actual errors, I just had a filter applied:
Uncaught ReferenceError: module is not defined
at @storybook_addon-actions.js?v=a8b07fce:6261:1
(anonymous) @ @storybook_addon-actions.js?v=a8b07fce:6261
So i guess this is just an incompatibility between ladle and storybook addons.
from ladle.
incompatibility between ladle and storybook addons
Yea. Storybook addons or anything imported from storybook won't work.
from ladle.
Related Issues (20)
- Version 3 supports only React 18+, it's an undocumented breaking change HOT 1
- Deno support HOT 1
- Allow duplicate story name HOT 2
- Missing Accessibility Report button with @ladle/react v3.1.0 and up HOT 2
- ladle.css leaks on @reach/dialog inside stories HOT 1
- Internal server error: Header name must be a valid HTTP token [":path"] HOT 2
- ladle build error HOT 3
- Should the msw implementation be created as an independent plugin? HOT 2
- RTL config using MDX code block breaks formatting HOT 1
- Stylesheet ordering bug with @mui/material and styled-components HOT 9
- Range control with a default value of zero does not adopt default value
- Source maps are broken
- MDX anchor links do not work
- Allow exports in `export` block HOT 5
- Toggling view should retail the filter query
- Vite HMR config does not override Ladle default config HOT 2
- Ladle seems to conflict with remix vite plugin HOT 4
- Allow export function which are not in the same file HOT 2
- Code blocks in .mdx files display warnings in browser console HOT 1
- Embeddable Isolated Story HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ladle.