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.

[Calendar] - next.js + TM + antd-design

See original GitHub issue

Version of antd-mobile

5.15.1

Operating system and its version

No response

Browser and its version

102.0.5005.115 (Official Build) (64-bit)

Sandbox to reproduce

No response

What happened?

Calendar doesn’t work, I created a new next.js project and after antd-mobile and TM installed (it needs to avoid CSS global error after installation of antd-mobile) it was broken. Need some help, because I’ve no idea why it happened.

package.json

"dependencies": {
    "antd-mobile": "^5.15.1",
    "next": "12.1.6",
    "next-transpile-modules": "^9.0.0",
    "react": "17.0.2",
    "react-dom": "17.0.2",
  },

next.config.js

const withTM = require("next-transpile-modules")(["antd-mobile"]);
const nextConfig = {
  reactStrictMode: true,
}
module.exports = withTM(nextConfig);

https://user-images.githubusercontent.com/39006224/174610742-e6bfc527-2bf3-493d-934a-6b308ea2fae6.mp4

Relevant log output

No response

Issue Analytics

State:
Created a year ago
Comments:7 (3 by maintainers)

Top GitHub Comments

2reactions

awmleercommented, Jun 22, 2022

I’ve investigated the project you uploaded but sorry that I couldn’t find anything wrong there. It’s really strange. I decided to give up digging further because we’ll rewrite the Calendar component very soon.

I’ll leave this issue open so we can have a check about the new Calendar component later.

Thanks for your feedback.

0reactions

awmleercommented, Nov 24, 2022

@miracles1919 @zombieJ Is there any plan to build the new Calendar component?

Top Results From Across the Web

Calendar - Ant Design

Container for displaying data in calendar form. When To Use. When data is in the form of dates, such as schedules, timetables, prices...

How to use Ant Design with Next.js - LogRocket Blog

Integrate Ant Design, an enterprise UI design philosophy for React applications, and Next.js, to build apps more efficiently.

How to use the Antd Calendar with DayJs - Medium

Antd Calendar with DayJs: In this story, we are using Atnd Calendar & DayJs with the custom component method in the demo NextJs...

NextJs + Ts + ant design Landing page - Upwork

we want a 1 landing page with 10 components those components need to be as useable as possible. our tech stack is NextJs...

ReactJS UI Ant Design Calendar Component - GeeksforGeeks

Project Structure: It will look like the following. Project Structure. Example: Now write down the following code in the App.js file. Here, App ......