Add a possibility to disable some logs

Author: MatiPl01

apps/common-app/src/examples/InvalidValueAccessExample.tsx

@@ -7,6 +7,10 @@ import Animated, {
   withTiming,
 } from 'react-native-reanimated';
 
+Animated.configureLogger({
+  strict: true,
+});
+
 export default function InvalidValueAccessExample() {
   const [counter, setCounter] = React.useState(0);
   const [updateFromUseEffect, setUpdateFromUseEffect] = React.useState(false);

packages/react-native-reanimated/src/mutables.ts

@@ -1,6 +1,7 @@
 'use strict';
 import { shouldBeUseWeb } from './PlatformChecker';
 import type { Mutable } from './commonTypes';
+import { logger } from './logger';
 import { isFirstReactRender, isReactRendering } from './reactUtils';
 import { shareableMappingCache } from './shareableMappingCache';
 import { makeShareableCloneRecursive } from './shareables';
@@ -15,16 +16,18 @@ function shouldWarnAboutAccessDuringRender() {
 
 function checkInvalidReadDuringRender() {
   if (shouldWarnAboutAccessDuringRender()) {
-    console.warn(
-      '[Reanimated] Reading from `value` during component render. Please ensure that you do not access the `value` property while React is rendering a component.'
+    logger.warn(
+      'Reading from `value` during component render. Please ensure that you do not access the `value` property while React is rendering a component.',
+      { strict: true }
     );
   }
 }
 
 function checkInvalidWriteDuringRender() {
   if (shouldWarnAboutAccessDuringRender()) {
-    console.warn(
-      '[Reanimated] Writing to `value` during component render. Please ensure that you do not access the `value` property while React is rendering a component.'
+    logger.warn(
+      'Writing to `value` during component render. Please ensure that you do not access the `value` property while React is rendering a component.',
+      { strict: true }
     );
   }
 }