# React: No Elements Displayed (Вопрос по Реакт) **URL:** \ **Category:** web dev\ **Created:** [November 2, 2022, 7:25pm UTC](https://forum.kirupa.com/t/react-no-elements-displayed/654387 "2022-11-02T19:25:01Z")\ **Posts on this page:** 12\ **Page:** 1
**Author:** ![forumf](https://avatars.discourse-cdn.com/v4/letter/f/a6a055/32.png) [@forumf](https://forum.kirupa.com/u/forumf)\ **Post date:** [November 2, 2022, 7:25pm UTC](https://forum.kirupa.com/t/react-no-elements-displayed/654387/1 "2022-11-02T19:25:01Z")
Why does not display styles in the browser, also does not display elements. ![Без имени](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/b/c/bced6dbb7181dbcedcd9c95da94eaa34d9ed6e36.png) ---
**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Post date:** [November 2, 2022, 8:44pm UTC](https://forum.kirupa.com/t/react-no-elements-displayed/654387/2 "2022-11-02T20:44:59Z")
Does the DevTools Console show any errors when you preview in the browser? ---
**Author:** ![forumf](https://avatars.discourse-cdn.com/v4/letter/f/a6a055/32.png) [@forumf](https://forum.kirupa.com/u/forumf)\ **Post date:** [November 3, 2022, 4:39pm UTC](https://forum.kirupa.com/t/react-no-elements-displayed/654387/3 "2022-11-03T16:39:40Z")
Yes, Consider adding an error boundary to your tree to customize error handling behavior. Visit [https://reactjs.org/link/error-boundaries](https://reactjs.org/link/error-boundaries) to learn more about error boundaries. logCapturedError @ react-dom.development.js:18687 update.callback @ react-dom.development.js:18720 callCallback @ react-dom.development.js:13923 commitUpdateQueue @ react-dom.development.js:13944 commitLayoutEffectOnFiber @ react-dom.development.js:23391 commitLayoutMountEffects\_complete @ react-dom.development.js:24688 commitLayoutEffects\_begin @ react-dom.development.js:24674 commitLayoutEffects @ react-dom.development.js:24612 commitRootImpl @ react-dom.development.js:26823 commitRoot @ react-dom.development.js:26682 finishConcurrentRender @ react-dom.development.js:25892 performConcurrentWorkOnRoot @ react-dom.development.js:25809 workLoop @ scheduler.development.js:266 flushWork @ scheduler.development.js:239 performWorkUntilDeadline @ scheduler.development.js:533 react-dom.development.js:28439 Uncaught Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. 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 `App`. at createFiberFromTypeAndProps (react-dom.development.js:28439:1) ---
**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Post date:** [November 4, 2022, 5:16am UTC](https://forum.kirupa.com/t/react-no-elements-displayed/654387/4 "2022-11-04T05:16:32Z")
> [@forumf](#): > > You likely forgot to export your component from the file it’s defined in, or you might have mixed up default and named imports. This seems like the likely culprit. Can you upload your project source to somewhere like Github or Codepen and we can take a look? ---
**Author:** ![forumf](https://avatars.discourse-cdn.com/v4/letter/f/a6a055/32.png) [@forumf](https://forum.kirupa.com/u/forumf)\ **Post date:** [November 4, 2022, 6:42am UTC](https://forum.kirupa.com/t/react-no-elements-displayed/654387/5 "2022-11-04T06:42:17Z")
Hello, I don’t understand how to add files to codepen or github, for me it’s very difficult and I don’t understand anything, I can upload files to your site to view the code. ![Без имени](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/e/b/ebdf52a31af0238fec0651a91e601b917306c045.png) ![Без имени](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/a/4/a4ada6192377d1c2e6b51dff5c245520070df582.png) ![Без имени](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/5/3/535e9d9069f927e3ff929212fb79716251d4042c.png) ---
**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Post date:** [November 4, 2022, 12:57pm UTC](https://forum.kirupa.com/t/react-no-elements-displayed/654387/6 "2022-11-04T12:57:18Z")
Are you following a tutorial? If so, can you share the link to it? One thing that looks off is your `import` statement for `Clicker` in **App.js**. I don’t think you want to import the CSS file for that. ---
**Author:** ![forumf](https://avatars.discourse-cdn.com/v4/letter/f/a6a055/32.png) [@forumf](https://forum.kirupa.com/u/forumf)\ **Post date:** [November 4, 2022, 6:03pm UTC](https://forum.kirupa.com/t/react-no-elements-displayed/654387/7 "2022-11-04T18:03:03Z")
NO, I don’t understand github, I can send files here, but I didn’t understand your answer, what’s the problem? ---
**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Post date:** [November 5, 2022, 2:20am UTC](https://forum.kirupa.com/t/react-no-elements-displayed/654387/8 "2022-11-05T02:20:01Z")
How are you getting the instructions for building the app? Are you reading a tutorial? That’s what I’m asking. Nothing to do with Github 🙂 Also, you missed the important part from my earlier response: > [@kirupa](#): > > One thing that looks off is your `import` statement for `Clicker` in **App.js**. I don’t think you want to import the CSS file for that. ---
**Author:** ![forumf](https://avatars.discourse-cdn.com/v4/letter/f/a6a055/32.png) [@forumf](https://forum.kirupa.com/u/forumf)\ **Post date:** [November 5, 2022, 7:01am UTC](https://forum.kirupa.com/t/react-no-elements-displayed/654387/9 "2022-11-05T07:01:02Z")
Я пишу код по видео,я разобрался в чем была проблема,проблема была в папках путь надо было прописать вот так import ‘./clicker/clicker.css’;и все заработало. \\\\\\\\\\\\\\\ Вашу информацию я не пропустил,я просто не понял что вы имели ввиду. ---
**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Post date:** [November 5, 2022, 4:56pm UTC](https://forum.kirupa.com/t/react-no-elements-displayed/654387/10 "2022-11-05T16:56:28Z")
Glad you solved it. Please do translate into English before posting on the forums 🙂 ---
**Author:** ![forumf](https://avatars.discourse-cdn.com/v4/letter/f/a6a055/32.png) [@forumf](https://forum.kirupa.com/u/forumf)\ **Post date:** [November 5, 2022, 8:11pm UTC](https://forum.kirupa.com/t/react-no-elements-displayed/654387/11 "2022-11-05T20:11:35Z")
Download the React DevTools for a better development experience: [https://reactjs.org/link/react-devtools](https://reactjs.org/link/react-devtools) react.development.js:313 Uncaught TypeError: Cannot set properties of undefined (setting ‘props’) at Component (react.development.js:313:1) at ./src/components/app/App.js (App.js:5:1) at options.factory (react refresh:6:1) at **webpack\_require** (bootstrap:24:1) at fn (hot module replacement:62:1) at ./src/index.js (person.js:32:1) at options.factory (react refresh:6:1) at **webpack\_require** (bootstrap:24:1) at startup:7:1 at startup:7:1 Component @ react.development.js:313 ./src/components/app/App.js @ App.js:5 options.factory @ react refresh:6 **webpack\_require** @ bootstrap:24 fn @ hot module replacement:62 ./src/index.js @ person.js:32 options.factory @ react refresh:6 **webpack\_require** @ bootstrap:24 (anonymous) @ startup:7 (anonymous) @ startup:7 I have a problem again, does not display elements in the browser in response ---
**Author:** ![georgeHelious](https://avatars.discourse-cdn.com/v4/letter/g/ccd318/32.png) [@georgeHelious](https://forum.kirupa.com/u/georgeHelious)\ **Post date:** [January 10, 2023, 4:49am UTC](https://forum.kirupa.com/t/react-no-elements-displayed/654387/12 "2023-01-10T04:49:11Z")
Cool I like it !1