Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Fix for Ant Design Example :)

See original GitHub issue

Bug report

Describe the bug

The example for ant design is broken right now.

To Reproduce

Download repo, yarn, yarn next build

Solution

If you add @zeit/next-css and wrap it around the existing config it works 😃

Issue Analytics

State:
Created 3 years ago
Comments:12 (4 by maintainers)

Top GitHub Comments

1reaction

TyMickcommented, May 7, 2020

Yeah I’d say close this one 👍🏼

1reaction

TyMickcommented, May 6, 2020

Hey, found this issue via the “good first issue” tag and thought I’d give it a shot! It looks like the issue @cupcakearmy ran into was fixed by #11837 (“antd-4 with built-in css support”), though, which was just merged four days ago, but I am finding another bug now where the DatePicker crashes the page.

I bootstrapped the example using yarn create next-app --example with-ant-design with-ant-design-app , then yarn dev’d and found that the page did load and nearly everything worked fine, but clicking on the DatePicker now crashes the page:

nextjs-antd-example

Just to make sure, @cupcakearmy, was this the issue you encountered, or was the whole page failing to load without withCSS?

If this DatePicker bug is something different, should I open up a new issue or just keep tracking it here? I’ll work on fixing it in the meantime. 👍🏼

Top Results From Across the Web

Affix - Ant Design

Fixed at the top of container. Container to scroll. Set a target for 'Affix', which is listen to scroll event of target element...

Fix for Ant Design Example :) · Issue #12310 · vercel/next.js

Bug report. Describe the bug. The example for ant design is broken right now. To Reproduce. Download repo, yarn , yarn next build....

ReactJS - ant design - Fix Footer with Layout - Stack Overflow

You can use style={{ minHeight: "100vh" }} for Layout component. Works for me. For example like this: <Layout style={{ minHeight: "100vh" }} ...

Change Log - Ant Design

5.0.2 · Optimize Space.Compact style when wrapping a single child component. #38896 @foryuki · Fix Space.Compact component style problem when wrapping Modal ...

Fixed Columns and Header - Ant Design Demo - CodeSandbox

Fixed Columns and Header - Ant Design Demo. 0. Embed Fork Create Sandbox Sign in. Sandbox Info. Fixed Columns and Header - Ant...