Skip to content

Upgrade node workflows #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
wants to merge 2 commits into from
Closed

Conversation

olavoparno
Copy link
Member

Describe what's being changed

The `useScript` hook was susceptible to infinite re-render loops if
unstable references (e.g., inline functions or object literals) were
passed for `onReady`, `onError`, or `otherProps`. This was because
these props were included in the dependency array of the main `useEffect`
hook, causing it to re-run on every render if the parent component
provided new references.

This commit addresses the issue by:
1. Wrapping `onReady`, `onError`, and `otherProps` in `React.useRef`.
   This ensures that their latest values are accessible within the
   hook's effects and callbacks without causing re-runs if the
   underlying values haven't changed.
2. Updating the dependency arrays of `useEffect` and `useCallback`
   hooks to rely on these stable refs or their `.current` values where
   appropriate. `handleOnLoad` and `handleOnError` now have empty
   dependency arrays as they access props via refs.

Additionally, test cases have been added in `src/index.test.tsx` to
specifically verify that the hook behaves correctly when unstable props
are provided, ensuring the script is loaded only once and no infinite
loops occur. Both success and error paths for script loading are tested
under these conditions.
This commit updates the Node.js versions and action versions in the GitHub workflows:

- In `npm-publish.yml`:
  - Updated Node.js to 20.x.
  - Updated `actions/checkout` to v4.
  - Updated `actions/setup-node` to v4.
- In `pull-request.yml`:
  - Updated Node.js matrix to [18.x, 20.x].
  - Updated `actions/checkout` to v4.
  - Updated `actions/setup-node` to v4.
@olavoparno olavoparno closed this Jun 15, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant