When you import a file by directory that contains an index.js file, and you rename the index.js file, references to it don't get updated.
Take the following example. Here's what the directory structure looks like before the refactor:
src/
components/
MyComponent.js (this file imports from "./propTypes")
propTypes/
index.js
If you rename /components/propTypes/index.js to /utils/propTypes.js, it will not update the MyComponent.js file to import from the new location.
Directory Structure after refactor:
src/
components/
MyComponent.js (this file imports from "./propTypes")
utils/
propTypes.js
Import String before refactor:
import * as propTypes from './propTypes';
Expected import string after refactor:
import * as propTypes from '../utils/propTypes';
Actual import string after refactor: (same as before refactor)
import * as propTypes from './propTypes';
When you import a file by directory that contains an index.js file, and you rename the index.js file, references to it don't get updated.
Take the following example. Here's what the directory structure looks like before the refactor:
If you rename
/components/propTypes/index.jsto/utils/propTypes.js, it will not update theMyComponent.jsfile to import from the new location.Directory Structure after refactor:
Import String before refactor:
Expected import string after refactor:
Actual import string after refactor: (same as before refactor)