React-native-paper: Warning after importing react-native-paper : Require cycles are allowed, but can result in uninitialized values. Consider refactoring to remove the need for a cycle.

[Steffi3rd]

[max10rogerio]

Same problem...

[satya164]

Duplicate of #639

[M4urici0GM]

I`m still getting the warnings, what could it be?

[gitmudassir]

I`m still getting the warnings, what could it be?

Check this out :
https://stackoverflow.com/questions/55664673/require-cycles-are-allowed-but-can-result-in-uninitialized-values-consider-ref/58459108#58459108

[harveyconnor]

Still getting this issue.

[felipeinfantino]

@harveyconnor

Import each Item separate , for example you need a List Section with an accordion and a list item so go like :

import ListSection from 'react-native-paper/lib/commonjs/components/List/ListSection';
import ListAccordion from 'react-native-paper/lib/commonjs/components/List/ListAccordion';
import ListItem from 'react-native-paper/lib/commonjs/components/List/ListItem';

And then instead of (like in the docs) you use < ListSection > . That should be enough

[Ulfsaar-dev]

I solved this issue by doing this.
Place the import 'react-native-paper' at the very top of the Code.

[raajnadar]

A PR to fix this issue is open here https://github.com/callstack/react-native-paper/pull/1851. Please be patient it will be merged soon.

[Alvarotony17]

it solved this issue by doing this.
Place the import 'react-native-paper' at the very top of the Code. in the Index.js

[jyotiprakash111]

i am still facing the issue. RN - version 62.2 "react-native-paper": "^3.10.1", please help. i am able to see blank screen on my emulator.

[fxbayuanggara]

Place import { Provider as PaperProvider } from 'react-native-paper'; directly after import React from 'react';, otherwise you'll get those warnings.

[vivian-verys]

Place import { Provider as PaperProvider } from 'react-native-paper'; directly after import React from 'react';, otherwise you'll get those warnings.

This worked, totally forgot to wrap the entire app in this

[hungvu193]

any update on this issue?

[waterydan]

Still happening here as well. I'm hiding those warnings but it's not ideal.

[anonewb]

LogBox.ignoreLogs(["Require cycle:"]);

[samuelseaton]

still getting this issue

[kpose]

why is this closed? still getting same error on "react-native-paper": "^4.4.1" and "react-native": "0.63.3". Any workaround yet?

[BatDroid]

@harveyconnor

Import each Item separate , for example you need a List Section with an accordion and a list item so go like :

import ListSection from 'react-native-paper/lib/commonjs/components/List/ListSection';
import ListAccordion from 'react-native-paper/lib/commonjs/components/List/ListAccordion';
import ListItem from 'react-native-paper/lib/commonjs/components/List/ListItem';

And then instead of (like in the docs) you use < ListSection > . That should be enough

For people wondering ... This Fixed my problem...

[josiaharkson]

@harveyconnor

@BatDroid's suggestion worked well for me. In my index.js file I imported directly from the modules' directory.

instead of

import {Provider as PaperProvider} from 'react-native-paper';

try importing like:

import PageProvider from 'react-native-paper/lib/commonjs/core/Provider';

It works well for me!

[kamalkemo]

still looking for a solution

[dunloop]

add module:react-native-paper/babel to your babel.config.js.

My babel.config.js:

module.exports = {
  presets: ['module:metro-react-native-babel-preset'],
  plugins: [
    ["module:react-native-dotenv"],
    ["module:babel-plugin-module-resolver", {
      "alias": {
        "src": "./src"
      }
    }],
    ["module:react-native-paper/babel"]
  ]
};

Don't forget clear cache before rebuilding:

rm -rf /tmp/metro-*
npm start --reset-cache