feat(react): add ClientOnly #1162

Collection50 · 2024-07-30T04:01:44Z

Overview

Set public component <ClientOnly/>.

close #1158

PR Checklist

I did below actions if need

I read the Contributing Guide
I added documents and tests.

changeset-bot · 2024-07-30T04:01:48Z

🦋 Changeset detected

Latest commit: cf0dc81

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 10 packages

Name	Type
@suspensive/react	Minor
@suspensive/cache	Patch
@suspensive/react-query-4	Minor
@suspensive/react-query-5	Minor
@suspensive/react-query	Minor
@suspensive/utils	Minor
@suspensive/jotai	Patch
@suspensive/react-image	Patch
@suspensive/react-native	Patch
@suspensive/react-native-playground	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

vercel · 2024-07-30T04:01:49Z

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
suspensive.org	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 30, 2024 0:07am
v1.suspensive.org	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 30, 2024 0:07am
visualization.suspensive.org	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 30, 2024 0:07am

vercel · 2024-07-30T04:01:50Z

@Collection50 is attempting to deploy a commit to the Toss Team on Vercel.

A member of the Team first needs to authorize it.

codspeed-hq · 2024-07-30T04:03:41Z

CodSpeed Performance Report

Merging #1162 will create unknown performance changes

_{Comparing Collection50:react/ClientOnly (cf0dc81) with main (53657b2)}

Summary

⚠️ No benchmarks were detected in both the base of the PR and the PR.

Co-authored-by: GwanSik Kim <39869096+gwansikk@users.noreply.github.com> Co-authored-by: 김석진(poki) <102217654+SEOKKAMONI@users.noreply.github.com> Co-authored-by: Juhyeok Kang <23312485+kangju2000@users.noreply.github.com> Co-authored-by: 김동희 <31029000+bigsaigon333@users.noreply.github.com>

codecov-commenter · 2024-07-30T11:58:32Z

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 77.60%. Comparing base (53657b2) to head (a6fb1fe).

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #1162   +/-   ##
=======================================
  Coverage   77.60%   77.60%           
=======================================
  Files          62       62           
  Lines         594      594           
  Branches      117      116    -1     
=======================================
  Hits          461      461           
  Misses        123      123           
  Partials       10       10

Components	Coverage Δ
@suspensive/utils	`47.16% <ø> (ø)`
@suspensive/react	`100.00% <ø> (ø)`
@suspensive/react-query	`72.18% <ø> (ø)`
@suspensive/react-query-4	`0.00% <ø> (ø)`
@suspensive/react-query-5	`0.00% <ø> (ø)`
@suspensive/jotai	`0.00% <ø> (ø)`
@suspensive/cache	`98.23% <ø> (ø)`
@suspensive/react-image	`80.39% <ø> (ø)`

docs/suspensive.org/src/pages/docs/react/ClientOnly.en.mdx

docs/suspensive.org/src/pages/docs/react/ClientOnly.ko.mdx

docs/suspensive.org/src/pages/docs/react/ClientOnly.en.mdx

docs/suspensive.org/src/pages/docs/react/ClientOnly.ko.mdx

docs/suspensive.org/src/pages/docs/react/ClientOnly.en.mdx

docs/suspensive.org/src/pages/docs/react/ClientOnly.ko.mdx

manudeli

@Collection50 Thanks!

@gwansikk @kangju2000 @bigsaigon333 @SEOKKAMONI I added you as co-author too. Thanks for your dicussing to add this.

manudeli · 2024-07-30T12:05:51Z

@Collection50 Thanks for raising this issue about ClientOnly and resolve yourself! It's great work! 🚀

@Collection50

This PR was opened by the [Changesets release](https://github.com/changesets/action) GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated. # Releases ## @suspensive/react@2.11.0 ### Minor Changes - [#1162](#1162) [`d29bf9f`](d29bf9f) Thanks [@Collection50](https://github.com/Collection50)! - feat(react): add ClientOnly ### Patch Changes - Updated dependencies \[]: - @suspensive/utils@2.11.0 ## @suspensive/cache@0.3.1 ### Patch Changes - Updated dependencies \[]: - @suspensive/utils@2.11.0 ## @suspensive/jotai@0.0.9 ### Patch Changes - Updated dependencies \[]: - @suspensive/utils@2.11.0 ## @suspensive/react-image@0.0.23 ### Patch Changes - Updated dependencies \[]: - @suspensive/utils@2.11.0 ## @suspensive/react-native@0.0.1 ### Patch Changes - Updated dependencies \[]: - @suspensive/utils@2.11.0 ## @suspensive/react-query@2.11.0 ### Patch Changes - Updated dependencies \[[`d29bf9f`](d29bf9f)]: - @suspensive/react@2.11.0 - @suspensive/react-query-4@2.11.0 - @suspensive/react-query-5@2.11.0 - @suspensive/utils@2.11.0 ## @suspensive/react-query-4@2.11.0 ### Patch Changes - Updated dependencies \[[`d29bf9f`](d29bf9f)]: - @suspensive/react@2.11.0 - @suspensive/utils@2.11.0 ## @suspensive/react-query-5@2.11.0 ### Patch Changes - Updated dependencies \[[`d29bf9f`](d29bf9f)]: - @suspensive/react@2.11.0 - @suspensive/utils@2.11.0 ## @suspensive/utils@2.11.0 ## @suspensive/react-native-playground@1.0.1 ### Patch Changes - Updated dependencies \[]: - @suspensive/react-native@0.0.1 Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

# Overview Set public component `<ClientOnly/>`. close #1158 ## PR Checklist - [x] I did below actions if need 1. I read the [Contributing Guide](https://github.com/toss/suspensive/blob/main/CONTRIBUTING.md) 2. I added documents and tests. --------- Co-authored-by: Jonghyeon Ko <jonghyeon@toss.im> Co-authored-by: GwanSik Kim <39869096+gwansikk@users.noreply.github.com> Co-authored-by: 김석진(poki) <102217654+SEOKKAMONI@users.noreply.github.com> Co-authored-by: Juhyeok Kang <23312485+kangju2000@users.noreply.github.com> Co-authored-by: 김동희 <31029000+bigsaigon333@users.noreply.github.com>

@Collection50

This PR was opened by the [Changesets release](https://github.com/changesets/action) GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated. # Releases ## @suspensive/react@2.11.0 ### Minor Changes - [#1162](#1162) [`d29bf9f`](d29bf9f) Thanks [@Collection50](https://github.com/Collection50)! - feat(react): add ClientOnly ### Patch Changes - Updated dependencies \[]: - @suspensive/utils@2.11.0 ## @suspensive/cache@0.3.1 ### Patch Changes - Updated dependencies \[]: - @suspensive/utils@2.11.0 ## @suspensive/jotai@0.0.9 ### Patch Changes - Updated dependencies \[]: - @suspensive/utils@2.11.0 ## @suspensive/react-image@0.0.23 ### Patch Changes - Updated dependencies \[]: - @suspensive/utils@2.11.0 ## @suspensive/react-native@0.0.1 ### Patch Changes - Updated dependencies \[]: - @suspensive/utils@2.11.0 ## @suspensive/react-query@2.11.0 ### Patch Changes - Updated dependencies \[[`d29bf9f`](d29bf9f)]: - @suspensive/react@2.11.0 - @suspensive/react-query-4@2.11.0 - @suspensive/react-query-5@2.11.0 - @suspensive/utils@2.11.0 ## @suspensive/react-query-4@2.11.0 ### Patch Changes - Updated dependencies \[[`d29bf9f`](d29bf9f)]: - @suspensive/react@2.11.0 - @suspensive/utils@2.11.0 ## @suspensive/react-query-5@2.11.0 ### Patch Changes - Updated dependencies \[[`d29bf9f`](d29bf9f)]: - @suspensive/react@2.11.0 - @suspensive/utils@2.11.0 ## @suspensive/utils@2.11.0 ## @suspensive/react-native-playground@1.0.1 ### Patch Changes - Updated dependencies \[]: - @suspensive/react-native@0.0.1 Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

# Overview Set public component `<ClientOnly/>`. close #1158 ## PR Checklist - [x] I did below actions if need 1. I read the [Contributing Guide](https://github.com/toss/suspensive/blob/main/CONTRIBUTING.md) 2. I added documents and tests. ---------

@Collection50

This PR was opened by the [Changesets release](https://github.com/changesets/action) GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated. # Releases ## @suspensive/react@2.11.0 ### Minor Changes - [#1162](#1162) [`d29bf9f`](d29bf9f) Thanks [@Collection50](https://github.com/Collection50)! - feat(react): add ClientOnly ### Patch Changes - Updated dependencies \[]: - @suspensive/utils@2.11.0 ## @suspensive/cache@0.3.1 ### Patch Changes - Updated dependencies \[]: - @suspensive/utils@2.11.0 ## @suspensive/jotai@0.0.9 ### Patch Changes - Updated dependencies \[]: - @suspensive/utils@2.11.0 ## @suspensive/react-image@0.0.23 ### Patch Changes - Updated dependencies \[]: - @suspensive/utils@2.11.0 ## @suspensive/react-native@0.0.1 ### Patch Changes - Updated dependencies \[]: - @suspensive/utils@2.11.0 ## @suspensive/react-query@2.11.0 ### Patch Changes - Updated dependencies \[[`d29bf9f`](d29bf9f)]: - @suspensive/react@2.11.0 - @suspensive/react-query-4@2.11.0 - @suspensive/react-query-5@2.11.0 - @suspensive/utils@2.11.0 ## @suspensive/react-query-4@2.11.0 ### Patch Changes - Updated dependencies \[[`d29bf9f`](d29bf9f)]: - @suspensive/react@2.11.0 - @suspensive/utils@2.11.0 ## @suspensive/react-query-5@2.11.0 ### Patch Changes - Updated dependencies \[[`d29bf9f`](d29bf9f)]: - @suspensive/react@2.11.0 - @suspensive/utils@2.11.0 ## @suspensive/utils@2.11.0 ## @suspensive/react-native-playground@1.0.1 ### Patch Changes - Updated dependencies \[]: - @suspensive/react-native@0.0.1

# Overview Set public component `<ClientOnly/>`. close #1158 ## PR Checklist - [x] I did below actions if need 1. I read the [Contributing Guide](https://github.com/toss/suspensive/blob/main/CONTRIBUTING.md) 2. I added documents and tests. --------- Co-authored-by: Jonghyeon Ko <jonghyeon@toss.im> Co-authored-by: GwanSik Kim <39869096+gwansikk@users.noreply.github.com> Co-authored-by: 김석진(poki) <102217654+SEOKKAMONI@users.noreply.github.com> Co-authored-by: Juhyeok Kang <23312485+kangju2000@users.noreply.github.com> Co-authored-by: 김동희 <31029000+bigsaigon333@users.noreply.github.com>

@Collection50

This PR was opened by the [Changesets release](https://github.com/changesets/action) GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated. # Releases ## @suspensive/react@2.11.0 ### Minor Changes - [#1162](#1162) [`d29bf9f`](d29bf9f) Thanks [@Collection50](https://github.com/Collection50)! - feat(react): add ClientOnly ### Patch Changes - Updated dependencies \[]: - @suspensive/utils@2.11.0 ## @suspensive/cache@0.3.1 ### Patch Changes - Updated dependencies \[]: - @suspensive/utils@2.11.0 ## @suspensive/jotai@0.0.9 ### Patch Changes - Updated dependencies \[]: - @suspensive/utils@2.11.0 ## @suspensive/react-image@0.0.23 ### Patch Changes - Updated dependencies \[]: - @suspensive/utils@2.11.0 ## @suspensive/react-native@0.0.1 ### Patch Changes - Updated dependencies \[]: - @suspensive/utils@2.11.0 ## @suspensive/react-query@2.11.0 ### Patch Changes - Updated dependencies \[[`d29bf9f`](d29bf9f)]: - @suspensive/react@2.11.0 - @suspensive/react-query-4@2.11.0 - @suspensive/react-query-5@2.11.0 - @suspensive/utils@2.11.0 ## @suspensive/react-query-4@2.11.0 ### Patch Changes - Updated dependencies \[[`d29bf9f`](d29bf9f)]: - @suspensive/react@2.11.0 - @suspensive/utils@2.11.0 ## @suspensive/react-query-5@2.11.0 ### Patch Changes - Updated dependencies \[[`d29bf9f`](d29bf9f)]: - @suspensive/react@2.11.0 - @suspensive/utils@2.11.0 ## @suspensive/utils@2.11.0 ## @suspensive/react-native-playground@1.0.1 ### Patch Changes - Updated dependencies \[]: - @suspensive/react-native@0.0.1

# Overview Set public component `<ClientOnly/>`. close #1158 ## PR Checklist - [x] I did below actions if need 1. I read the [Contributing Guide](https://github.com/toss/suspensive/blob/main/CONTRIBUTING.md) 2. I added documents and tests. --------- Co-authored-by: Jonghyeon Ko <jonghyeon@toss.im> Co-authored-by: GwanSik Kim <39869096+gwansikk@users.noreply.github.com> Co-authored-by: 김석진(poki) <102217654+SEOKKAMONI@users.noreply.github.com> Co-authored-by: Juhyeok Kang <23312485+kangju2000@users.noreply.github.com> Co-authored-by: 김동희 <31029000+bigsaigon333@users.noreply.github.com>

@Collection50

This PR was opened by the [Changesets release](https://github.com/changesets/action) GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated. # Releases ## @suspensive/react@2.11.0 ### Minor Changes - [#1162](#1162) [`d29bf9f`](d29bf9f) Thanks [@Collection50](https://github.com/Collection50)! - feat(react): add ClientOnly ### Patch Changes - Updated dependencies \[]: - @suspensive/utils@2.11.0 ## @suspensive/cache@0.3.1 ### Patch Changes - Updated dependencies \[]: - @suspensive/utils@2.11.0 ## @suspensive/jotai@0.0.9 ### Patch Changes - Updated dependencies \[]: - @suspensive/utils@2.11.0 ## @suspensive/react-image@0.0.23 ### Patch Changes - Updated dependencies \[]: - @suspensive/utils@2.11.0 ## @suspensive/react-native@0.0.1 ### Patch Changes - Updated dependencies \[]: - @suspensive/utils@2.11.0 ## @suspensive/react-query@2.11.0 ### Patch Changes - Updated dependencies \[[`d29bf9f`](d29bf9f)]: - @suspensive/react@2.11.0 - @suspensive/react-query-4@2.11.0 - @suspensive/react-query-5@2.11.0 - @suspensive/utils@2.11.0 ## @suspensive/react-query-4@2.11.0 ### Patch Changes - Updated dependencies \[[`d29bf9f`](d29bf9f)]: - @suspensive/react@2.11.0 - @suspensive/utils@2.11.0 ## @suspensive/react-query-5@2.11.0 ### Patch Changes - Updated dependencies \[[`d29bf9f`](d29bf9f)]: - @suspensive/react@2.11.0 - @suspensive/utils@2.11.0 ## @suspensive/utils@2.11.0 ## @suspensive/react-native-playground@1.0.1 ### Patch Changes - Updated dependencies \[]: - @suspensive/react-native@0.0.1

feat(react): set public component ClientOnly

43ee602

Collection50 requested a review from manudeli as a code owner July 30, 2024 04:01

github-actions bot added @suspensive/react suspensive.org labels Jul 30, 2024

vercel bot deployed to Preview – v1.suspensive.org July 30, 2024 04:04 View deployment

vercel bot deployed to Preview – visualization.suspensive.org July 30, 2024 04:05 View deployment

Merge branch 'main' into react/ClientOnly

e343049

vercel bot deployed to Preview – visualization.suspensive.org July 30, 2024 05:07 View deployment

vercel bot deployed to Preview – v1.suspensive.org July 30, 2024 05:08 View deployment

manudeli assigned Collection50 Jul 30, 2024

manudeli changed the title ~~feat(react): expose ClientOnly~~ feat(react): add ClientOnly Jul 30, 2024

Create silver-teachers-tease.md

3dda043

vercel bot deployed to Preview – v1.suspensive.org July 30, 2024 06:44 View deployment

vercel bot deployed to Preview – visualization.suspensive.org July 30, 2024 06:44 View deployment

vercel bot deployed to Preview – suspensive.org July 30, 2024 06:45 View deployment

vercel bot deployed to Preview – v1.suspensive.org July 30, 2024 11:43 View deployment

manudeli force-pushed the react/ClientOnly branch from a879f96 to 0329050 Compare July 30, 2024 11:43

vercel bot deployed to Preview – visualization.suspensive.org July 30, 2024 11:44 View deployment

vercel bot deployed to Preview – v1.suspensive.org July 30, 2024 11:45 View deployment

test(react): update test code

9244a38

vercel bot deployed to Preview – v1.suspensive.org July 30, 2024 11:56 View deployment

vercel bot deployed to Preview – visualization.suspensive.org July 30, 2024 11:57 View deployment

vercel bot deployed to Preview – suspensive.org July 30, 2024 11:58 View deployment

manudeli requested changes Jul 30, 2024

View reviewed changes

manudeli marked this pull request as draft July 30, 2024 12:00

manudeli added 4 commits July 30, 2024 21:00

Update docs/suspensive.org/src/pages/docs/react/ClientOnly.ko.mdx

d78ca66

Update docs/suspensive.org/src/pages/docs/react/ClientOnly.en.mdx

102a82b

Update docs/suspensive.org/src/pages/docs/react/ClientOnly.en.mdx

f634ebc

Update docs/suspensive.org/src/pages/docs/react/ClientOnly.ko.mdx

1aaafe6

manudeli requested changes Jul 30, 2024

View reviewed changes

docs/suspensive.org/src/pages/docs/react/ClientOnly.en.mdx Outdated Show resolved Hide resolved

docs/suspensive.org/src/pages/docs/react/ClientOnly.ko.mdx Outdated Show resolved Hide resolved

manudeli added 2 commits July 30, 2024 21:01

Update docs/suspensive.org/src/pages/docs/react/ClientOnly.ko.mdx

fde590a

Update docs/suspensive.org/src/pages/docs/react/ClientOnly.en.mdx

a6fb1fe

manudeli marked this pull request as ready for review July 30, 2024 12:01

manudeli self-requested a review July 30, 2024 12:01

manudeli approved these changes Jul 30, 2024

View reviewed changes

vercel bot deployed to Preview – v1.suspensive.org July 30, 2024 12:03 View deployment

vercel bot deployed to Preview – visualization.suspensive.org July 30, 2024 12:04 View deployment

chore: update

cf0dc81

vercel bot deployed to Preview – visualization.suspensive.org July 30, 2024 12:05 View deployment

vercel bot deployed to Preview – v1.suspensive.org July 30, 2024 12:07 View deployment

vercel bot deployed to Preview – suspensive.org July 30, 2024 12:07 View deployment

manudeli merged commit d29bf9f into toss:main Jul 30, 2024
16 checks passed

github-actions bot mentioned this pull request Jul 30, 2024

chore: version packages #1163

Merged

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat(react): add ClientOnly #1162

feat(react): add ClientOnly #1162

Collection50 commented Jul 30, 2024

changeset-bot bot commented Jul 30, 2024 •

edited

Loading

vercel bot commented Jul 30, 2024 •

edited

Loading

vercel bot commented Jul 30, 2024

codspeed-hq bot commented Jul 30, 2024 •

edited

Loading

codecov-commenter commented Jul 30, 2024 •

edited

Loading

manudeli left a comment

manudeli commented Jul 30, 2024 •

edited

Loading

feat(react): add ClientOnly #1162

feat(react): add ClientOnly #1162

Conversation

Collection50 commented Jul 30, 2024

Overview

PR Checklist

changeset-bot bot commented Jul 30, 2024 • edited Loading

🦋 Changeset detected

vercel bot commented Jul 30, 2024 • edited Loading

vercel bot commented Jul 30, 2024

codspeed-hq bot commented Jul 30, 2024 • edited Loading

CodSpeed Performance Report

Merging #1162 will create unknown performance changes

Summary

codecov-commenter commented Jul 30, 2024 • edited Loading

Codecov Report

manudeli left a comment

Choose a reason for hiding this comment

manudeli commented Jul 30, 2024 • edited Loading

changeset-bot bot commented Jul 30, 2024 •

edited

Loading

vercel bot commented Jul 30, 2024 •

edited

Loading

codspeed-hq bot commented Jul 30, 2024 •

edited

Loading

codecov-commenter commented Jul 30, 2024 •

edited

Loading

manudeli commented Jul 30, 2024 •

edited

Loading