Invariant Violation: [2365,"RCTView",11,{"position":"absolute","width":"<<Infinity>>","height":4 is not usable as a native method argument

Viewed 1018

I'm getting below error every time I load a react-native page that used to work. I removed all 100% widths, actually I tried removing all widths without success. Tried removing all styles as well. Updated expo react native to sdk 38 without success. No width is getting divided in the code. Tried removing the external components I list below without success as well. Anyone has an idea whats wrong?

Invariant Violation: [2365,"RCTView",11,{"position":"absolute","width":"<<Infinity>>","height":4,"backgroundColor":4278221567,"bottom":0,"left":0}] is not usable as a native method argument

This error is located at:
    in NavigationContainer (at UserScreenNavigator.native.jsx:76)
    in UserScreenNavigator (at UserScreenNavigator.native.jsx:83)
    in WithRoutesComponent (at AuthBase.jsx:11)
    in WithUser (created by Query)
    in Query (created by Apollo(WithUser))
    in Apollo(WithUser) (created by Query)
    in Query (created by Apollo(Apollo(WithUser)))
    in Apollo(Apollo(WithUser)) (at client-react/index.native.jsx:153)
    in MainScreenNavigator
    in DataRootComponent (created by Context.Consumer)
    in ApolloConsumer (created by withApollo(DataRootComponent))
    in withApollo(DataRootComponent) (created by Main)
    in PageReloader (at access/index.tsx:49)
    in AuthPageReloader (created by Main)
    in ApolloProvider (at App.tsx:50)
    in Provider (at App.tsx:49)
    in I18nextProvider (at i18nModule.native.tsx:15)
    in RCTView (at Root.js:14)
    in Root (at connectStyle.js:392)
    in Styled(Root) (at Root.jsx:8)
    in Root (at i18nModule.native.tsx:14)
    in I18nProvider (at i18nModule.native.tsx:41)
    in Main (created by AwakeInDevApp)
    in RCTView (created by AwakeInDevApp)
    in AwakeInDevApp (created by ExpoRoot)
    in RNCAppearanceProvider (at src/index.tsx:70)
    in AppearanceProvider (created by ExpoRoot)
    in ExpoRoot (at renderApplication.js:45)
    in RCTView (at AppContainer.js:109)
    in RCTView (at react-native-root-siblings/index.js:32)
    in RootSiblingsWrapper (created by PatchedProviderComponent)
    in DevAppContainer (created by PatchedProviderComponent)
    in PatchedProviderComponent (at AppContainer.js:124)
    in RCTView (at AppContainer.js:135)
    in AppContainer (at renderApplication.js:39)

invariant
    browser.js:38:14
enqueueNativeCall
    MessageQueue.js:307:15
nonPromiseMethodWrapper
    NativeModules.js:139:8
createInstance
    ReactNativeRenderer-dev.js:4269:2
completeWork
    ReactNativeRenderer-dev.js:16949:39
completeUnitOfWork
    ReactNativeRenderer-dev.js:20912:27
performUnitOfWork
    ReactNativeRenderer-dev.js:20882:29
workLoopSync
    ReactNativeRenderer-dev.js:20848:38
performSyncWorkOnRoot
    ReactNativeRenderer-dev.js:20456:22
performSyncWorkOnRoot
    [native code]:0
runWithPriority$argument_1
    ReactNativeRenderer-dev.js:5703:31
unstable_runWithPriority
    scheduler.development.js:818:23
flushSyncCallbackQueueImpl
    ReactNativeRenderer-dev.js:5698:21
flushSyncCallbackQueue
    ReactNativeRenderer-dev.js:5686:28
scheduleUpdateOnFiber
    ReactNativeRenderer-dev.js:19845:30
dispatchAction
    ReactNativeRenderer-dev.js:11880:16
dispatchAction
    [native code]:0
<unknown>
    src.bundle?platform=ios&dev=true&minify=false&hot=false:390678:34
_callTimer
    JSTimers.js:135:14
callTimers
    JSTimers.js:387:16
__callFunction
    MessageQueue.js:425:19
__guard$argument_0
    MessageQueue.js:112:6
__guard
    MessageQueue.js:373:10
callFunctionReturnFlushedQueue
    MessageQueue.js:111:4
callFunctionReturnFlushedQueue
    [native code]:0







import React, { useState, useEffect, useRef, useCallback,useReducer } from 'react';
import {
  View,
  StyleSheet,
  SafeAreaView,
  TouchableOpacity,
  Platform,
  TextInput,
  Dimensions,
  Keyboard
} from 'react-native';
import PropTypes from 'prop-types';
import { withFormik } from 'formik';
import { translate } from '@gqlapp/i18n-client-react';
import { required, validate } from '@gqlapp/validation-common-react';
import moment from 'moment-timezone';
import { DataTable } from 'react-native-paper';
import { Autocomplete } from 'react-native-dropdown-autocomplete';
import { FontAwesome } from '@expo/vector-icons';
import {
  Card,
  CardItem,
  Button,
  Textarea,
  Body,
  Thumbnail,
  Tab,
  Tabs,
  TabHeading,
  Text,
  Toast,
  Spinner
} from 'native-base';
import { Row, Col, Grid } from 'react-native-easy-grid';
import NumericInput from 'react-native-numeric-input';
import { TextInputMask } from 'react-native-masked-text';
import {
  resolveMaskValues,
  getAmountInMinimalUnit,
  getAmountString,
  createMask,
  generateReceivedSuggestions
} from '@gqlapp/core-common/common';
import RegisterHistoryForm from '@gqlapp/registerhistory-client-react/components/RegisterHistoryForm.native';
import { Table, TableWrapper, Cell, Row as Rowx } from 'react-native-table-component';
import { FormView } from '@gqlapp/look-client-react-native';
import { FlatGrid } from 'react-native-super-grid';
import Modal, { ModalFooter, ModalButton, ModalContent, ModalTitle } from 'react-native-modals';
import {
  calculateCartTotals,
  payCart,
  updateCartItem,
  addItemToCart,
  updateReceivedInput,
  completeSale,
  addVariantItem,
  updateVariantSelection,
  removeItemFromCart
} from './SaleFormCommon';
import CheckBox from 'react-native-checkbox-heaven';
0 Answers
Related