@rific/scroll-view 0.8.0 → 0.8.3

package/dist/index.js

@@ -1070,7 +1070,9 @@ var ScrollViewFooter = ({ children, style }) => {
   const insets = (0, import_react_native_safe_area_context3.useSafeAreaInsets)();
   const keyboardHeight = useKeyboardInset();
   const setFooterHeightRef = (0, import_react12.useRef)(setFooterHeight);
-  setFooterHeightRef.current = setFooterHeight;
+  (0, import_react12.useEffect)(() => {
+    setFooterHeightRef.current = setFooterHeight;
+  });
   (0, import_react12.useEffect)(
     () => () => {
       setFooterHeightRef.current(null);

package/dist/index.mjs

@@ -1012,7 +1012,9 @@ var ScrollViewFooter = ({ children, style }) => {
   const insets = useSafeAreaInsets3();
   const keyboardHeight = useKeyboardInset();
   const setFooterHeightRef = useRef7(setFooterHeight);
-  setFooterHeightRef.current = setFooterHeight;
+  useEffect4(() => {
+    setFooterHeightRef.current = setFooterHeight;
+  });
   useEffect4(
     () => () => {
       setFooterHeightRef.current(null);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rific/scroll-view",
-  "version": "0.8.0",
+  "version": "0.8.3",
   "description": "Blur styled scroll system for React Native. Floating headers/footers, keyboard awareness, and scroll-away chrome",
   "keywords": [
     "react-native",
@@ -62,11 +62,11 @@
   "prettier": "@infinitetoken/eslint-config/prettier",
   "devDependencies": {
     "@infinitetoken/eslint-config": "0.2.0",
-    "@infinitetoken/jest-config": "^0.3.0",
-    "@infinitetoken/tsconfig": "^0.4.1",
+    "@infinitetoken/jest-config": "^0.4.0",
+    "@infinitetoken/tsconfig": "^0.5.0",
     "@reduxjs/toolkit": "^2.12.0",
-    "@rific/auto-paper": "^0.11.0",
-    "@rific/core": "^0.1.1",
+    "@rific/auto-paper": "^0.12.0",
+    "@rific/core": "^0.2.0",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/react": "^16.3.2",
     "@types/jest": "^30.0.0",
@@ -92,15 +92,14 @@
   },
   "peerDependencies": {
     "@rific/auto-paper": ">=0.10.0",
-    "@rific/core": "^0.1.1",
+    "@rific/core": ">=0.1.1",
     "react": ">=19.0.0",
     "react-native": ">=0.83.0",
     "react-native-gesture-handler": ">=2.0.0 <3.0.0",
     "react-native-keyboard-controller": ">=1.0.0",
     "react-native-paper": ">=5.0.0",
     "react-native-reanimated": ">=4.0.0",
-    "react-native-safe-area-context": ">=5.0.0",
-    "react-native-worklets": "0.10.x"
+    "react-native-safe-area-context": ">=5.0.0"
   },
   "publishConfig": {
     "access": "public"

package/src/ScrollViewFooter.tsx

@@ -24,8 +24,13 @@ export const ScrollViewFooter = ({ children, style }: ScrollViewFooterProps) =>
   // recover it (the DOM node's true size never changed, so onLayout never fires again). Reading
   // through a ref sidesteps that: the effect itself only ever runs once, on mount/unmount, so its
   // cleanup fires exactly when it's meant to (a real unmount) rather than after every measurement.
+  // The mirror below has to be effect-based too, not a bare render-time assignment: writing to the
+  // ref during render is a React-render-purity violation (render can be discarded/replayed), so it's
+  // done in its own no-deps effect, which still re-runs on every commit and keeps the ref current.
   const setFooterHeightRef = useRef(setFooterHeight)
-  setFooterHeightRef.current = setFooterHeight
+  useEffect(() => {
+    setFooterHeightRef.current = setFooterHeight
+  })
   useEffect(
     () => () => {
       setFooterHeightRef.current(null)