StrictMode - findHostInstance_DEPRECATED

[SSHristow]

Did you manage to use StrictMode with reanimated? On my side, I have a complicated component with drag and drop, and if I use StrictMode, it doesn't work.

Also, I'm getting

findHostInstance_DEPRECATED findHostInstance_DEPRECATED AnimatedComponent(View)

Every time I have an animated component

[MatiPl01]

Hey @SSHristow! Can you please share a repro where it doesn't work? We had a couple of issues with StrictMode before which we thought that are resolved now. Please share a repro so that I can check what is going on.

[tjzel]

@MatiPl01 you were faster than me 😅

Today I stumbled upon this problem when testing the app with our runtime tests, we'll see what we can do about it.

[SSHristow]

Kinda busy these days, but here are some custom components I just wrapped in StrictMode, and I still see the same issue. I think you can reproduce it every time, all of my libraries are up to date with the latest. If this is not enough, I can create a new Expo app, but I didn't tought is needed simply because it is very easily reproducible. If you really need a repo to reproduce, let me know once again, and I will try to set it up ASAP

import React, { StrictMode, useEffect } from 'react'

import Animated, {
  useAnimatedStyle,
  useSharedValue,
  withRepeat,
  withTiming,
  withSequence,
  cancelAnimation,
} from 'react-native-reanimated'

import { createStyledSkeleton } from './styles'

import { DisplayProps } from '~/lib/display'
import { LayoutProps } from '~/lib/layout'
import { SpacingProps } from '~/lib/spacing'

export type SkeletonProps = DisplayProps & LayoutProps & SpacingProps

const Skeleton = (props: SkeletonProps) => {
  const { styles } = createStyledSkeleton(props)

  const opacity = useSharedValue(0.3)

  const animatedStyle = useAnimatedStyle(() => ({
    opacity: opacity.value,
  }))

  useEffect(() => {
    opacity.value = withRepeat(
      withSequence(withTiming(0.7, { duration: 1000 }), withTiming(0.3, { duration: 1000 })),
      -1,
      true,
    )
    return () => {
      cancelAnimation(opacity)
    }
  }, [opacity])

  return (
    <StrictMode>
      <Animated.View testID="skeleton" style={[styles.skeleton, animatedStyle]} />
    </StrictMode>
  )
}

export default Skeleton

Another example for input showing error message smoothly

import { StrictMode, useRef, useState } from 'react'

import { useTranslation } from 'react-i18next'
import { TextInput, TextInputProps, BlurEvent } from 'react-native'
import Animated, { useDerivedValue, useAnimatedStyle, withTiming } from 'react-native-reanimated'

import { createStyledInput, createStyledSearchInput } from './styles'
import Box from '../Box/Box'
import Button from '../Button/Button'
import Icon from '../Icon/Icon'
import Text from '../Text/Text'

import { Eye, EyeOff } from '~/assets/icons/lucide'
import { useThemeContext } from '~/context/ThemeContext'
import useMergeRef from '~/hooks/useMergeRef'
import { Theme } from '~/lib/theme'

export type InputProps = TextInputProps & {
  error?: string
  label?: string
  ref?: React.RefObject<TextInput | null> | React.RefCallback<TextInput | null>
  rightElement?: React.ReactNode
  size?: keyof Theme['typography']['size']
}

const Input = (props: InputProps) => {
  const { t } = useTranslation(['common', 'formErrors'])

  const [isFocused, setIsFocused] = useState(false)

  const { theme } = useThemeContext()

  const {
    styles,
    nativeProps: { onFocus, onBlur, ...rest },
  } = createStyledInput(props)

  const { error, label, rightElement } = props

  const errorHeight = useDerivedValue(() => {
    return withTiming(error ? theme.typography.size[12] + 5 : 0, {
      duration: error ? theme.animation.duration.md : theme.animation.duration.sm,
    })
  }, [error])

  const animatedStyle = useAnimatedStyle(() => ({
    height: errorHeight.value,
    overflow: 'hidden',
  }))

  const handleFocus = (event: BlurEvent) => {
    onFocus?.(event)

    setIsFocused(true)
  }

  const handleBlur = (event: BlurEvent) => {
    onBlur?.(event)

    setIsFocused(false)
  }

  return (
    <StrictMode>
      <Box.Column>
        {label && <Text.CaptionBold marginBottom={2}>{label}</Text.CaptionBold>}
        <Box.Row style={[styles.box, isFocused && styles.focused]}>
          <TextInput
            style={styles.input}
            onFocus={handleFocus}
            onBlur={handleBlur}
            placeholderTextColor={theme.colors.text.tertiary}
            {...rest}
          />
          <Box alignItems="center">{rightElement}</Box>
        </Box.Row>
        <Animated.View style={animatedStyle}>
          {error && <Text.CaptionBold $color="error">{t(error)}</Text.CaptionBold>}
        </Animated.View>
      </Box.Column>
    </StrictMode>
  )
}

DnD component

import { StrictMode } from 'react'

import { Gesture, GestureDetector } from 'react-native-gesture-handler'
import Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated'
import { scheduleOnRN } from 'react-native-worklets'

import { Box, Switch, Text } from '../ui'

import { GripVertical } from '~/assets/icons/lucide/GripVertical'
import { WidgetSettingResponse } from '~shared/schemas/widgetSettingsSchema'

type Props = {
  listLength: number
  name: string
  onDragChange: (
    widget: WidgetSettingResponse,
    newPosition: WidgetSettingResponse['position'],
  ) => void
  onDragEnd: () => void
  onToggle: (widget: WidgetSettingResponse) => void
  toggleValue: boolean
  widget: WidgetSettingResponse
}

const ITEMS_GAP = 12 as const

const WidgetSettingsItem = ({
  widget,
  listLength,
  onDragChange,
  onDragEnd,
  name,
  onToggle,
  toggleValue,
}: Props) => {
  const dragY = useSharedValue(0)
  const itemHeight = useSharedValue(0)
  const originalPosition = useSharedValue(0)
  const animatedTop = useSharedValue(0)
  const lastPosition = useSharedValue(-1)
  const isDragging = useSharedValue(false)

  const pan = Gesture.Pan()
    .onBegin(() => {
      isDragging.value = true
      originalPosition.value = widget.position

      dragY.value = 0
    })
    .onChange(event => {
      if (!isDragging.value) return

      dragY.value = dragY.value + event.changeY

      const positionChange = Math.round(dragY.value / itemHeight.value)
      const newPosition = Math.max(
        0,
        Math.min(listLength - 1, originalPosition.value + positionChange),
      )

      scheduleOnRN(onDragChange, widget, newPosition)
    })
    .onEnd(() => {
      if (!isDragging.value) return

      dragY.value = 0

      originalPosition.value = widget.position
      animatedTop.value = widget.position * itemHeight.value
      lastPosition.value = widget.position

      isDragging.value = false

      scheduleOnRN(onDragEnd)
    })

  const animatedStyle = useAnimatedStyle(() => {
    if (isDragging.value) {
      const startPosition = originalPosition.value * itemHeight.value
      const currentTop = startPosition + dragY.value

      return {
        position: 'absolute',
        top: currentTop,
        left: 0,
        right: 0,
        zIndex: 2,
        elevation: 2,
      }
    }

    if (lastPosition.value !== widget.position && lastPosition.value !== -1) {
      const targetTop = widget.position * itemHeight.value

      animatedTop.value = withTiming(targetTop)
      lastPosition.value = widget.position
    }

    return {
      position: 'absolute',
      top: animatedTop.value,
      left: 0,
      right: 0,
      zIndex: 1,
      elevation: 1,
    }
  })

  return (
    <StrictMode>
      <Animated.View
        testID="widget-settings-item"
        style={animatedStyle}
        onLayout={event => {
          const height = event.nativeEvent.layout.height + ITEMS_GAP
          itemHeight.value = height
          // Set initial position without animation
          if (lastPosition.value === -1) {
            animatedTop.value = widget.position * height
            lastPosition.value = widget.position
          }
        }}
      >
        <Box.Row
          width="100%"
          alignItems="center"
          paddingVertical={12}
          paddingHorizontal={8}
          borderRadius={20}
          borderWidth={1}
          borderColor="primary"
        >
          <GestureDetector gesture={pan}>
            <Box paddingRight={4} testID={`drag-handle-${widget.widgetName}`}>
              <GripVertical size={24} />
            </Box>
          </GestureDetector>
          <Box.Row flex={1} justifyContent="space-between" alignItems="center">
            <Text.BodyLg>{name}</Text.BodyLg>
            <Switch value={toggleValue} onValueChange={() => onToggle(widget)} />
          </Box.Row>
        </Box.Row>
      </Animated.View>
    </StrictMode>
  )
}

export default WidgetSettingsItem

the actual error:

findNodeHandle is deprecated in StrictMode. findNodeHandle was passed an instance of Wrap which is inside StrictMode. Instead, add a ref directly to the element you want to reference. Learn more about using refs safely here: https://react.dev/link/strict-mode-find-node Error Stack:
    at render (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:339533:60)
    at apply (native)
    at anonymous (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:15479:21)
    at render (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:332221:80)
    at Wrap (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:331782:82)
    at GestureDetector (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:364795:58)
    at WidgetSettingsItem (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:393462:66)
    at anonymous (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:426045:86)
    at map (native)
    at DailyLogsScreen (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:426045:33)
    at SuspendedDailyLogsScreen(./(authenticated)/(tabs)/home/daily-logs/index.tsx) (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:426082:63)
    at WrappedScreenComponent (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:146797:53)
    at Route(daily-logs/index) (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:146866:62)
    at SceneView (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:137401:93)
    at render (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:137189:59)
    at anonymous (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:137221:27)
    at reduce (native)
    at useDescriptors (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:137218:36)
    at useNavigationBuilder (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:136837:64)
    at NativeStackNavigator (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:163625:51)
    at anonymous (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:142102:58)
    at anonymous (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:141868:51)
    at HomeLayout(./(authenticated)/(tabs)/home/_layout.tsx) (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:394851:56)
    at WrappedScreenComponent (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:146797:53)
    at Route(home) (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:146866:62)
    at SceneView (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:137401:93)
    at render (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:137189:59)
    at anonymous (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:137221:27)
    at reduce (native)
    at useDescriptors (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:137218:36)
    at useNavigationBuilder (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:136837:64)
    at BottomTabNavigator (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:148338:81)
    at anonymous (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:142102:58)
    at anonymous (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:169437:51)
    at TabsLayout(./(authenticated)/(tabs)/_layout.tsx) (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:129013:61)
    at WrappedScreenComponent (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:146797:53)
    at Route((tabs)) (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:146866:62)
    at SceneView (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:137401:93)
    at render (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:137189:59)
    at anonymous (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:137221:27)
    at reduce (native)
    at useDescriptors (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:137218:36)
    at useNavigationBuilder (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:136837:64)
    at NativeStackNavigator (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:163625:51)
    at anonymous (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:142102:58)
    at anonymous (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:141868:51)
    at Screens (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:430781:56)
    at AuthenticatedLayout(./(authenticated)/_layout.tsx) (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:430841:69)
    at WrappedScreenComponent (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:146797:53)
    at Route((authenticated)) (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:146866:62)
    at SceneView (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:137401:93)
    at render (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:137189:59)
    at anonymous (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:137221:27)
    at reduce (native)
    at useDescriptors (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:137218:36)
    at useNavigationBuilder (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:136837:64)
    at NativeStackNavigator (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:163625:51)
    at anonymous (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:142102:58)
    at anonymous (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:141868:51)
    at Screens (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:451988:56)
    at RootLayout(./_layout.tsx) (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:452082:76)
    at WrappedScreenComponent (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:146797:53)
    at Route() (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:146866:62)
    at SceneView (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:137401:93)
    at render (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:137189:59)
    at anonymous (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:137221:27)
    at reduce (native)
    at useDescriptors (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:137218:36)
    at useNavigationBuilder (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:136837:64)
    at Content (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:167838:51)
    at ContextNavigator (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:167783:62)
    at ExpoRoot (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:167692:51)
    at App (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:128671:56)
    at withDevTools(App) (192.168.50.211:8081/node_modules/.pnpm/expo-router@55.0.4_5b62d9a85ebdaeb750040d8879eaf6fd/node_modules/expo-router/entry.bundle//&platform=ios&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.bytecode=1&transform.routerRoot=src%2Fapp&unstable_transformProfile=hermes-stable:107531:58)

[thedev204]

Remove <StrictMode> from all three components and place only at the app root.