[BUG] stats page doesn't display chart
Closed this issue · 4 comments
osaguild commented
Problem subject
chart doesn't work on stats page. image is below.
Description
In order to render a chart using d3.js, client rendering is specified for the chart component. like this <Chart client:load />.. But Astro's client rendering is not supported from ver 1.0 and chart is not display.
Error message is below
A PostCSS plugin did not pass the `from` option to `postcss.parse`. This may cause imported assets to be incorrectly transformed. If you've recently added a PostCSS plugin that raised this warning, please contact the package author to fix the issue.
You are attempting to render <Chart client:load />, but Chart is an Astro component. Astro components do not render in the client and should not have a hydration directive. Please use a framework component for client rendering.
Expected behavior/contents
correct image is here
Actual behavior/contents
doesn't show chart
Code of Conduct
- I agree to follow this project's Code of Conduct
github-actions commented
Great to see you here!
Welcome to the community 🎉
Thank you for your valuable contributions! 🚀 We appreciate each and every contribution! 😄
Join our amazing community 📢
Join our community to learn more about Blockchain, Web3, Dapps, and so much more 💻
Here you can find all of our socials! 🐦 Share them with your friends and everyone you know.
- Discord server
- Telegram
- YouTube
We hope to see you there! 😁
aggre commented
I think the quickest solution is to implement it as a Vue component instead of an Astro component.
osaguild commented
I think so