Using link with 'next/link'

[aj-ya]

NextJs provides the 'next/link' component that helps with client-side routing for internal pages which currently cannot be used in conjunction with the 'Jenga-UI/link' component.

possible approach -> https://chakra-ui.com/docs/components/link#usage-with-nextjs

[aj-ya]

using next/link with @jengaui/button

<Link href={{ pathname: '/[team]', query: { team: 'shalinikaushal' } }}>
<PrimaryButton display={['none', , 'inline-grid']}>Create Database</PrimaryButton>
</Link>

throws error:

next-dev.js?3515:20 Warning: Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?

Check the render method of `ForwardRef(LinkComponent)`.
    at PrimaryButton
    at LinkComponent (webpack-internal:///./node_modules/next/dist/client/link.js:88:23)