ElMassimo / ElMassimo/iles

Component not rendering when using client:only directive

Open
#250 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
1.2k
Forks
36
PR merge metrics
No merged PRs in 30d

Description

[troubleshooting section]: https://iles-docs.netlify.app/faqs/troubleshooting

- [x] I have read the __[troubleshooting section]__ before opening an issue.
- [x] I have tried upgrading `iles` and `vite`.

### Description 📖
When using client:only to fetch the latest articles from dev.to only on client-side, I'm getting this warning, and the component is not getting rendered.

In the second page (Articles) in the repo, I'm applying client:only directive on the ArticleList component like this.
``

![image](https://user-images.githubusercontent.com/73772701/235894303-0ff9fdd8-8db9-4160-ab63-ef50fdcffd82.png)

I was wondering if I have misunderstood the client:only directive and it's usage. Please advise if so.

### Reproduction 🐞
https://github.com/TechAkayy/testing-client-only

Dependencies Info

_Run `npx iles info` and `pnpm list` (or `npm list`) and provide the output:_

```
iles v0.9.5 vite v4.3.4
```

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.