Cannot use new Polaris Button design
Closed this issue · 6 comments
When using the Polaris Button as described in the docs, I don't get the latest design of the button. I created another app with the template to see if any of my dependencies were colliding with Polaris, but the result was the same.
The problem doesn't seem to be specific to the Button component either, because the primary- and secondaryAction of the PolarisModal give the same, wrong button design.
I have the latest version of Polaris installed (13.9.1).
Desired Button
Button I get
I am very curious if this is a common problem.
Thanks in advance.
When using the Polaris Button as described in the docs, I don't get the latest design of the button. I created another app with the template to see if any of my dependencies were colliding with Polaris, but the result was the same. The problem doesn't seem to be specific to the Button component either, because the primary- and secondaryAction of the PolarisModal give the same, wrong button design. I have the latest version of Polaris installed (13.9.1).
I am very curious if this is a common problem.
Thanks in advance.
Project dependencies are outdated buddy. They recommend everyone to use Remix but i didn't see the need for me to learn Remix so i created a fork of the project will make a pull request this week once i finish off updating session storage to use prisma. I'm happy i was able to build the app without hussle using latest versions of packages. Im my fork the whole project now uses Typescript, React Router v7, Shopify Polaris 13.. and i intend to switch the session storage to use prisma.
Thanks for the answer. I started the app over a year ago when this template wasn't outdated (at least no as much as it is now). What dependencies do I need to update for Polaris to work as intended? I really want to avoid switching to another project template...
Thanks for the answer. I started the app over a year ago when this template wasn't outdated (at least no as much as it is now). What dependencies do I need to update for Polaris to work as intended? I really want to avoid switching to another project template...
Check my setup shopify-frontend-template. I haven't updated the remote version but you can get things working from that version.
Alright thanks a lot. But I guess the long-term solution is to just do everything over with remix. Appreciate the help.
Alright thanks a lot. But I guess the long-term solution is to just do everything over with remix. Appreciate the help.
For you I'm not going to learn Remix. Especially now that it was merged into React Router V7 maybe will update to Remix template if the official Remix template is updated to the new React Router v7 concept. That way i don't have to learn something that is at the edge of being phased out. In our app client-side rendering provides a better user experience. So, I prefer to use node-template.
Understandable. I was pretty happy so far with the node-template as well. What were the outdated dependencies that prevent Polaris 13 from working properly? Maybe I can save some time and just get everything necessary up to date to get a working product.