Fella component is throwing error


#1

When I try to preview comp I develop with Fela, getting below error:
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 ArrowRight.

:arrow_forward: 28 stack frames were collapsed.

render

src/index.js:31

  28 | }  29 |   30 | function render() {> 31 |   return ReactDOM.render(getElement(), document.getElementById('root'));  32 | }  33 |   34 | render();

View compiled

Module…/src/index.js

src/index.js:34

  31 |   return ReactDOM.render(getElement(), document.getElementById('root'));  32 | }  33 | > 34 | render();  35 | // If you want your app to work offline and load faster, you can change  36 | // unregister() to register() below. Note this comes with some pitfalls.  37 | // Learn more about service workers: http://bit.ly/CRA-PWA

View compiled

webpack_require

/capsule/webpack/bootstrap:782

  779 | };  780 |   781 | // Execute the module function> 782 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId));      | ^  783 |   784 | // Flag the module as loaded  785 | module.l = true;

View compiled

fn

/capsule/webpack/bootstrap:150

  147 | 		);  148 | 		hotCurrentParents = [];  149 | 	}> 150 | 	return __webpack_require__(request);      | ^  151 | };  152 | var ObjectFactory = function ObjectFactory(name) {  153 | 	return {

View compiled

0

https://272ecc9324bd.capsule.ws/static/js/main.chunk.js:386:18

webpack_require

/capsule/webpack/bootstrap:782

  779 | };  780 |   781 | // Execute the module function> 782 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId));      | ^  783 |   784 | // Flag the module as loaded  785 | module.l = true;

View compiled

checkDeferredModules

/capsule/webpack/bootstrap:45

  42 | 	}  43 | 	if(fulfilled) {  44 | 		deferredModules.splice(i--, 1);> 45 | 		result = __webpack_require__(__webpack_require__.s = deferredModule[0]);     | ^  46 | 	}  47 | }  48 | return result;

View compiled

Array.webpackJsonpCallback [as push]

/capsule/webpack/bootstrap:32

  29 | 	deferredModules.push.apply(deferredModules, executeModules || []);  30 |   31 | 	// run deferred modules when all chunks ready> 32 | 	return checkDeferredModules();     | ^  33 | };  34 | function checkDeferredModules() {  35 | 	var result;

View compiled

(anonymous function)

https://272ecc9324bd.capsule.ws/static/js/main.chunk.js:1:57

This screen is visible only in development. It will not appear if the app crashes in production.
Open your browser’s developer console to further inspect this error.