feat: Support for React versions 16.8 and 17

jungpaeng commented 2 months ago

Description

Support for React versions 16.8 and 17 has been added by updating the import path for useSyncExternalStore to use the shim version. This change ensures compatibility with older React versions while maintaining functionality with React 18.

Related Issue: Fixes #43

Changes

Updated the import path for useSyncExternalStore to use-sync-external-store/shim.

Motivation and Context

This change is necessary to provide compatibility with React versions 16.8 and 17, ensuring that users of these older versions can utilize the same functionality without issues.

How Has This Been Tested?

Tested the changes in a project using React 16.8 to ensure the store subscription works correctly.
Verified functionality in a React 17 project to confirm compatibility.
Ensured existing tests for React 18 still pass without issues.

Screenshots (if appropriate):

It tested 16.8 framer-motion example

https://github.com/user-attachments/assets/9e205b50-1237-4a92-b16d-d30fa29e1793

Types of changes

[ ] Bug fix (non-breaking change which fixes an issue)
[x] New feature (non-breaking change which adds functionality)
[ ] Breaking change (fix or feature that would cause existing functionality to change)
[ ] Documentation update

Checklist

[x] I have performed a self-review of my own code.
[x] My code is commented, particularly in hard-to-understand areas.
[x] I have made corresponding changes to the documentation.
[x] My changes generate no new warnings.
[x] I have added tests that prove my fix is effective or that my feature works.
[x] New and existing unit tests pass locally with my changes.
[ ] Any dependent changes have been merged and published in downstream modules.

Further Comments

changeset-bot[bot] commented 2 months ago

🦋 Changeset detected

Latest commit: c862ad706ca8553d28a878699cad21cc8e007311

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

This PR includes changesets to release 4 packages

| Name | Type | | ----------------------------------- | ----- | | overlay-kit | Minor | | @overlay-kit/framer-motion-react-16 | Patch | | @overlay-kit/framer-motion-react-17 | Patch | | @overlay-kit/framer-motion-react-18 | 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