Otherwise, you can also fix the issue itself too. You only need to remove the import from components/Buttons/Button.js that calls something from components/index.js.
Thanks for the reply.
Yeah, I’m currently using like that but I want to import multiple components.
My current implementation is like this.
components/index.js
import { default as Button } from './Button';
import { default as FirstComponent } from './FirstComponent';
import { default as SecondComponent } from './SecondComponent';
import { default as ThirdComponent } from './ThirdComponent';
So that I can import these components like this. somescreen.js
import { Button, FirstComponent, SecondComponent } from 'components'
But in components/Button.js, if I import components/FirstComponent.js with above method the warning occurs.
components/Button.js
// currently using like this to avoid warning
import FirstComponent from './FirstComponent';
import SecondComponent from './SecondComponent';
import ThirdComponent from './ThirdComponent';
// what i want to do is like this
import { FirstComponent, SecondComponent, ThirdComponent } from '../components';
This answer seems like off topic, but I want to know whether I can disable yellow warning in console or not.