[BUG] refine 3.23.2 does not work on nextjs: Multiple children were passed to <Link>
See original GitHub issueDescribe the bug
The last version of refine 3.23.3 does not work with nextjs on list pages
When you try to view to a list page like http://localhost:3000/posts, it failed with this error:
Unhandled Runtime Error
Error: Multiple children were passed to <Link> with `href` of `/posts?current=1&pageSize=10` but only one child is supported https://nextjs.org/docs/messages/link-multiple-children
Open your browser's console to view the Component stack trace.
To Reproduce Steps to reproduce the behavior:
- Install the refine tutorial with nextjs: npx superplate-cli -p refine-nextjs tutorial
- Select these options:
npx superplate-cli -p refine-nextjs tutorial
✔ Cloned remote source successfully.
✔ What will be the name of your app · tutorial
✔ Do you want to use an UI Framework?: · antd
✔ Do you want to customize theme?: · css
✔ Data Provider: · custom-json-rest-data-provider
✔ Auth Provider: · custom-auth-provider
✔ Do you want to add an example page? · example-resource
✔ Do you want to customize layout? · custom-layout
✔ i18n - Internationalization: · i18n-antd
✔ Would you like to share your choices with us anonymously? · no
- Start refine: npm run dev
- Go to http://localhost:3000/posts
- See error
Issue Analytics
- State:
- Created a year ago
- Comments:6 (4 by maintainers)
Top Results From Across the Web
[BUG] refine 3.23.2 does not work on nextjs: Multiple children ...
Unhandled Runtime Error Error: Multiple children were passed to <Link> with `href` of `/posts?current=1&pageSize=10` but only one child is ...
Read more >Multiple children were passed to <Link> with `href` of 'x' but ...
I'm not passing multiple children to the Link, why am I getting this error? The error is: "Multiple children were passed to with...
Read more >link-multiple-children | Next.js
Why This Error Occurred. In your application code multiple children were passed to next/link but only one child is supported: For example:
Read more >Multiple children were passed to Link with `href` of ... SOLVED
Error : Multiple children were passed to Link with `href` of ... SOLVED. ... Next.js Tutorial - 10 - Link Component Navigation. Codevolution....
Read more >Link tag Error in nextjs || Multiple children were ... - YouTube
Error : Multiple children were passed to Link with hre` of `/Physicsunits/Physicsunit2` but only one child is supported ...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Hey @clebeaupin , We’ve released
@pankod/refine-antd@3.25.4
. Could you approve this fix?Hey @clebeaupin Thank you for your patience, we’ve been able to reproduce and finally fix the issue with #1897. Currently you can update your dependencies from the
next
channel, we’re also going to do a release to thelatest
channel today including the fix.