Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Error, Check the render method of `CircularIndeterminate`.

See original GitHub issue

https://github.com/mui-org/material-ui/blob/303199d39b42a321d28347d8440d69166f872f27/docs/src/pages/demos/progress/CircularIndeterminate.js#L13

Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

Check the render method of `CircularIndeterminate`.
invariant
node_modules/fbjs/lib/invariant.js:42
getFiberTagFromObjectType
node_modules/react-dom/cjs/react-dom.development.js:9647
createFiberFromElement
node_modules/react-dom/cjs/react-dom.development.js:9607
createChild
node_modules/react-dom/cjs/react-dom.development.js:11978
reconcileChildrenArray
node_modules/react-dom/cjs/react-dom.development.js:12229
reconcileChildFibers
node_modules/react-dom/cjs/react-dom.development.js:12542
reconcileChildrenAtExpirationTime
node_modules/react-dom/cjs/react-dom.development.js:12902
reconcileChildren
node_modules/react-dom/cjs/react-dom.development.js:12893
updateHostComponent
node_modules/react-dom/cjs/react-dom.development.js:13232
beginWork
node_modules/react-dom/cjs/react-dom.development.js:13719
performUnitOfWork
node_modules/react-dom/cjs/react-dom.development.js:15741
workLoop
node_modules/react-dom/cjs/react-dom.development.js:15780
renderRoot
node_modules/react-dom/cjs/react-dom.development.js:15820
performWorkOnRoot
node_modules/react-dom/cjs/react-dom.development.js:16437
performWork
node_modules/react-dom/cjs/react-dom.development.js:16358
performSyncWork
node_modules/react-dom/cjs/react-dom.development.js:16330
requestWork
node_modules/react-dom/cjs/react-dom.development.js:16230
scheduleWork$1
node_modules/react-dom/cjs/react-dom.development.js:16096
scheduleRootUpdate
node_modules/react-dom/cjs/react-dom.development.js:16663
updateContainerAtExpirationTime
node_modules/react-dom/cjs/react-dom.development.js:16690
updateContainer
node_modules/react-dom/cjs/react-dom.development.js:16717
./node_modules/react-dom/cjs/react-dom.development.js/ReactRoot.prototype.render
node_modules/react-dom/cjs/react-dom.development.js:17000
legacyRenderSubtreeIntoContainer/<
node_modules/react-dom/cjs/react-dom.development.js:17140
unbatchedUpdates
node_modules/react-dom/cjs/react-dom.development.js:16557
legacyRenderSubtreeIntoContainer
node_modules/react-dom/cjs/react-dom.development.js:17136
render
node_modules/react-dom/cjs/react-dom.development.js:17195
./src/index.js
src/index.js:7

   4 | import App from './App';
   5 | import registerServiceWorker from './registerServiceWorker';
   6 | 
>  7 | ReactDOM.render(<App />, document.getElementById('root'));
   8 | registerServiceWorker();
   9 | 
  10 | 

__webpack_require__
/app/frontclient/webpack/bootstrap 621b8005d53d7fe7c8da:678
fn
/app/frontclient/webpack/bootstrap 621b8005d53d7fe7c8da:88
[0]
http://127.0.0.1:3000/static/js/bundle.js:108286:18
__webpack_require__
/app/frontclient/webpack/bootstrap 621b8005d53d7fe7c8da:678
(anonymous function)
/app/frontclient/webpack/bootstrap 621b8005d53d7fe7c8da:724
(anonymous function)
http://127.0.0.1:3000/static/js/bundle.js:1:11

Issue Analytics

State:
Created 5 years ago
Comments:13 (4 by maintainers)

Top GitHub Comments

2reactions

t0mdicks0ncommented, Jun 16, 2018

I have been stuck on this exact same issue for about 4 hours now. Can’t seem to find anything when Googling, even when looking for your mentioned “codemod” or with the clue that the error is caused due to import change. Would love to be pointed in the right direction.

2reactions

japrogramercommented, Jun 11, 2018

I fixed it … it waas a bunch of imports that changed … hmm, if only there where tools to auto correct import or if only the errors where more exact.

Top Results From Across the Web

Error, Check the render method of `CircularIndeterminate`.

Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined.

Check the render method of `App` - Stack Overflow

I created this project using CRA. This error states that there is something wrong in my import/export but i don't find anything wrong...

ProgressBar - Android Developers

For software-rendered snapshots of a small part of the View hierarchy or ... style only supports indeterminate mode (such as the circular progress...

react-circular-progressbar - npm

The recommended way to fix this is to instead of using props.text , use CircularProgressbarWithChildren and put your text in props.children , as ......

CircularProgress API - Material UI - MUI

API reference docs for the React CircularProgress component. Learn about the props, ... The value of the progress indicator for the determinate variant....