{"action":"created","issue":{"url":"https://api.github.com/repos/FineUploader/react-fine-uploader/issues/150","repository_url":"https://api.github.com/repos/FineUploader/react-fine-uploader","labels_url":"https://api.github.com/repos/FineUploader/react-fine-uploader/issues/150/labels{/name}","comments_url":"https://api.github.com/repos/FineUploader/react-fine-uploader/issues/150/comments","events_url":"https://api.github.com/repos/FineUploader/react-fine-uploader/issues/150/events","html_url":"https://github.com/FineUploader/react-fine-uploader/issues/150","id":262402314,"node_id":"MDU6SXNzdWUyNjI0MDIzMTQ=","number":150,"title":" Element type is invalid: expected a string ... Check the render method of `Gallery`","user":{"login":"ziaulrehman40","id":22441482,"node_id":"MDQ6VXNlcjIyNDQxNDgy","avatar_url":"https://avatars0.githubusercontent.com/u/22441482?v=4","gravatar_id":"","url":"https://api.github.com/users/ziaulrehman40","html_url":"https://github.com/ziaulrehman40","followers_url":"https://api.github.com/users/ziaulrehman40/followers","following_url":"https://api.github.com/users/ziaulrehman40/following{/other_user}","gists_url":"https://api.github.com/users/ziaulrehman40/gists{/gist_id}","starred_url":"https://api.github.com/users/ziaulrehman40/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ziaulrehman40/subscriptions","organizations_url":"https://api.github.com/users/ziaulrehman40/orgs","repos_url":"https://api.github.com/users/ziaulrehman40/repos","events_url":"https://api.github.com/users/ziaulrehman40/events{/privacy}","received_events_url":"https://api.github.com/users/ziaulrehman40/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":14,"created_at":"2017-10-03T12:06:00Z","updated_at":"2018-08-09T03:38:23Z","closed_at":"2018-08-09T03:16:51Z","author_association":"NONE","body":"I am trying to get **fine uploader** up and running on for many hours now. I have tried many different things but same error pops up.\r\n\r\nWhat i tried:\r\n--\r\n\r\n## 1- Integrate in rails app\r\n\r\nI have \r\n```\r\nrails 5.1\r\nyarn\r\nweback\r\nreact(15)\r\n```\r\n\r\nI ran all below commands:\r\n\r\n```\r\nyarn add react-fine-uploader\r\nyarn add fine-uploader\r\nyarn add react-transition-group\r\nyarn install\r\n```\r\n\r\nThan as installation guide states I imported:\r\n\r\n```\r\nimport FineUploaderTraditional from 'fine-uploader-wrappers';\r\nimport Gallery from 'react-fine-uploader';\r\n```\r\n\r\nin one of my jsx files and tried a basic example from the same guide which makes my react component's render method somethign like:\r\n\r\n```\r\n  render() {\r\n    const uploader = new FineUploaderTraditional({\r\n      options: {\r\n          chunking: {\r\n              enabled: true\r\n          },\r\n          deleteFile: {\r\n              enabled: true,\r\n              endpoint: '/uploads'\r\n          },\r\n          request: {\r\n              endpoint: '/uploads'\r\n          },\r\n          retry: {\r\n              enableAuto: true\r\n          }\r\n      }\r\n  });\r\nreturn (\r\n        <Gallery uploader={ uploader } />\r\n);\r\n```\r\n\r\nBut than I am getting a warning followed by an error in browser console:\r\n```\r\nwarning.js?6327:36 Warning: React.createElement: 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. Check the render method of `Gallery`.\r\n    in Gallery (created by MediaAssetsTable)\r\n    in div (created by MediaAssetsTable)\r\n    in MediaAssetsTable (created by MediaAssetsIndex)\r\n    in div (created by MediaAssetsIndex)\r\n    in MediaAssetsIndex\r\nprintWarning @ warning.js?6327:36\r\nwarning @ warning.js?6327:60\r\ncreateElement @ ReactElementValidator.js?f652:192\r\nrender @ index.js?7026:173\r\n(anonymous) @ ReactCompositeComponent.js?063f:795\r\nmeasureLifeCyclePerf @ ReactCompositeComponent.js?063f:75\r\n_renderValidatedComponentWithoutOwnerOrContext @ ReactCompositeComponent.js?063f:794\r\n_renderValidatedComponent @ ReactCompositeComponent.js?063f:821\r\nperformInitialMount @ ReactCompositeComponent.js?063f:361\r\nmountComponent @ ReactCompositeComponent.js?063f:257\r\nmountComponent @ ReactReconciler.js?c56c:45\r\nmountChildren @ ReactMultiChild.js?e1f8:236\r\n_createInitialChildren @ ReactDOMComponent.js?922a:703\r\nmountComponent @ ReactDOMComponent.js?922a:522\r\nmountComponent @ ReactReconciler.js?c56c:45\r\nperformInitialMount @ ReactCompositeComponent.js?063f:370\r\nmountComponent @ ReactCompositeComponent.js?063f:257\r\nmountComponent @ ReactReconciler.js?c56c:45\r\nmountChildren @ ReactMultiChild.js?e1f8:236\r\n_createInitialChildren @ ReactDOMComponent.js?922a:703\r\nmountComponent @ ReactDOMComponent.js?922a:522\r\nmountComponent @ ReactReconciler.js?c56c:45\r\nperformInitialMount @ ReactCompositeComponent.js?063f:370\r\nmountComponent @ ReactCompositeComponent.js?063f:257\r\nmountComponent @ ReactReconciler.js?c56c:45\r\nperformInitialMount @ ReactCompositeComponent.js?063f:370\r\nmountComponent @ ReactCompositeComponent.js?063f:257\r\nmountComponent @ ReactReconciler.js?c56c:45\r\nmountComponentIntoNode @ ReactMount.js?0cc2:104\r\nperform @ Transaction.js?91bc:143\r\nbatchedMountComponentIntoNode @ ReactMount.js?0cc2:126\r\nperform @ Transaction.js?91bc:143\r\nbatchedUpdates @ ReactDefaultBatchingStrategy.js?bdd7:62\r\nbatchedUpdates @ ReactUpdates.js?be0d:97\r\n_renderNewRootComponent @ ReactMount.js?0cc2:319\r\n_renderSubtreeIntoContainer @ ReactMount.js?0cc2:401\r\nrender @ ReactMount.js?0cc2:422\r\nrender @ index.js?a79d:38\r\nmountComponents @ index.js?a79d:84\r\ne @ jquery.min.self-5c2148f394c0d0085e316066a9ec847d1d5335885c0ab4a32480ad882998ed3f.js?body=1:4\r\ndispatch @ jquery.min.self-5c2148f394c0d0085e316066a9ec847d1d5335885c0ab4a32480ad882998ed3f.js?body=1:4\r\nq.handle @ jquery.min.self-5c2148f394c0d0085e316066a9ec847d1d5335885c0ab4a32480ad882998ed3f.js?body=1:4\r\nt.dispatch @ turbolinks.self-1d1fddf91adc38ac2045c51f0a3e05ca97d07d24d15a4dcbf705009106489e69.js?body=1:6\r\nt.Controller.r.notifyApplicationAfterPageLoad @ turbolinks.self-1d1fddf91adc38ac2045c51f0a3e05ca97d07d24d15a4dcbf705009106489e69.js?body=1:7\r\nt.Controller.r.pageLoaded @ turbolinks.self-1d1fddf91adc38ac2045c51f0a3e05ca97d07d24d15a4dcbf705009106489e69.js?body=1:6\r\n(anonymous) @ turbolinks.self-1d1fddf91adc38ac2045c51f0a3e05ca97d07d24d15a4dcbf705009106489e69.js?body=1:6\r\n\r\n\r\nUncaught 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. Check the render method of `Gallery`.\r\n    at invariant (invariant.js?7313:44)\r\n    at instantiateReactComponent (instantiateReactComponent.js?e676:74)\r\n    at instantiateChild (ReactChildReconciler.js?c86a:44)\r\n    at eval (ReactChildReconciler.js?c86a:71)\r\n    at traverseAllChildrenImpl (traverseAllChildren.js?5edf:77)\r\n    at traverseAllChildrenImpl (traverseAllChildren.js?5edf:93)\r\n    at traverseAllChildrenImpl (traverseAllChildren.js?5edf:93)\r\n    at traverseAllChildren (traverseAllChildren.js?5edf:172)\r\n    at Object.instantiateChildren (ReactChildReconciler.js?c86a:70)\r\n    at ReactDOMComponent._reconcilerInstantiateChildren (ReactMultiChild.js?e1f8:185)\r\ninvariant @ invariant.js?7313:44\r\ninstantiateReactComponent @ instantiateReactComponent.js?e676:74\r\ninstantiateChild @ ReactChildReconciler.js?c86a:44\r\n(anonymous) @ ReactChildReconciler.js?c86a:71\r\ntraverseAllChildrenImpl @ traverseAllChildren.js?5edf:77\r\ntraverseAllChildrenImpl @ traverseAllChildren.js?5edf:93\r\ntraverseAllChildrenImpl @ traverseAllChildren.js?5edf:93\r\ntraverseAllChildren @ traverseAllChildren.js?5edf:172\r\ninstantiateChildren @ ReactChildReconciler.js?c86a:70\r\n_reconcilerInstantiateChildren @ ReactMultiChild.js?e1f8:185\r\nmountChildren @ ReactMultiChild.js?e1f8:224\r\n_createInitialChildren @ ReactDOMComponent.js?922a:703\r\nmountComponent @ ReactDOMComponent.js?922a:522\r\nmountComponent @ ReactReconciler.js?c56c:45\r\nperformInitialMount @ ReactCompositeComponent.js?063f:370\r\nmountComponent @ ReactCompositeComponent.js?063f:257\r\nmountComponent @ ReactReconciler.js?c56c:45\r\nperformInitialMount @ ReactCompositeComponent.js?063f:370\r\nmountComponent @ ReactCompositeComponent.js?063f:257\r\nmountComponent @ ReactReconciler.js?c56c:45\r\nperformInitialMount @ ReactCompositeComponent.js?063f:370\r\nmountComponent @ ReactCompositeComponent.js?063f:257\r\nmountComponent @ ReactReconciler.js?c56c:45\r\nmountChildren @ ReactMultiChild.js?e1f8:236\r\n_createInitialChildren @ ReactDOMComponent.js?922a:703\r\nmountComponent @ ReactDOMComponent.js?922a:522\r\nmountComponent @ ReactReconciler.js?c56c:45\r\nperformInitialMount @ ReactCompositeComponent.js?063f:370\r\nmountComponent @ ReactCompositeComponent.js?063f:257\r\nmountComponent @ ReactReconciler.js?c56c:45\r\nmountChildren @ ReactMultiChild.js?e1f8:236\r\n_createInitialChildren @ ReactDOMComponent.js?922a:703\r\nmountComponent @ ReactDOMComponent.js?922a:522\r\nmountComponent @ ReactReconciler.js?c56c:45\r\nperformInitialMount @ ReactCompositeComponent.js?063f:370\r\nmountComponent @ ReactCompositeComponent.js?063f:257\r\nmountComponent @ ReactReconciler.js?c56c:45\r\nperformInitialMount @ ReactCompositeComponent.js?063f:370\r\nmountComponent @ ReactCompositeComponent.js?063f:257\r\nmountComponent @ ReactReconciler.js?c56c:45\r\nmountComponentIntoNode @ ReactMount.js?0cc2:104\r\nperform @ Transaction.js?91bc:143\r\nbatchedMountComponentIntoNode @ ReactMount.js?0cc2:126\r\nperform @ Transaction.js?91bc:143\r\nbatchedUpdates @ ReactDefaultBatchingStrategy.js?bdd7:62\r\nbatchedUpdates @ ReactUpdates.js?be0d:97\r\n_renderNewRootComponent @ ReactMount.js?0cc2:319\r\n_renderSubtreeIntoContainer @ ReactMount.js?0cc2:401\r\nrender @ ReactMount.js?0cc2:422\r\nrender @ index.js?a79d:38\r\nmountComponents @ index.js?a79d:84\r\ne @ jquery.min.self-5c2148f394c0d0085e316066a9ec847d1d5335885c0ab4a32480ad882998ed3f.js?body=1:4\r\ndispatch @ jquery.min.self-5c2148f394c0d0085e316066a9ec847d1d5335885c0ab4a32480ad882998ed3f.js?body=1:4\r\nq.handle @ jquery.min.self-5c2148f394c0d0085e316066a9ec847d1d5335885c0ab4a32480ad882998ed3f.js?body=1:4\r\nt.dispatch @ turbolinks.self-1d1fddf91adc38ac2045c51f0a3e05ca97d07d24d15a4dcbf705009106489e69.js?body=1:6\r\nt.Controller.r.notifyApplicationAfterPageLoad @ turbolinks.self-1d1fddf91adc38ac2045c51f0a3e05ca97d07d24d15a4dcbf705009106489e69.js?body=1:7\r\nt.Controller.r.pageLoaded @ turbolinks.self-1d1fddf91adc38ac2045c51f0a3e05ca97d07d24d15a4dcbf705009106489e69.js?body=1:6\r\n(anonymous) @ turbolinks.self-1d1fddf91adc38ac2045c51f0a3e05ca97d07d24d15a4dcbf705009106489e69.js?body=1:6\r\n\r\n```\r\n\r\n**I checked and it is going in render method of installed react-fine-uploader's Gallery but than it thorws this error from that method.**\r\n\r\n### 2. Create fresh react app with rails and add fine-uploader in there\r\n\r\nSame results after following same steps to add fine-uploader.\r\n\r\n\r\n### 3. In a fresh react app( created with create-react-app )\r\n\r\nSame error. Same steps followed.\r\n\r\n\r\nNow, this can be a noob mistake somewhere because I am quite new to react, or this can be a potential bug. In both cases I think this will help some people having same issues if we get it resolved it.\r\n\r\nI have seen this: https://stackoverflow.com/questions/34130539 it didn't help.\r\n\r\nThis can be a noob mistake as I am quite new to react, or it can be a bug or something which needs a fix.\r\n"},"comment":{"url":"https://api.github.com/repos/FineUploader/react-fine-uploader/issues/comments/411626517","html_url":"https://github.com/FineUploader/react-fine-uploader/issues/150#issuecomment-411626517","issue_url":"https://api.github.com/repos/FineUploader/react-fine-uploader/issues/150","id":411626517,"node_id":"MDEyOklzc3VlQ29tbWVudDQxMTYyNjUxNw==","user":{"login":"rnicholus","id":593312,"node_id":"MDQ6VXNlcjU5MzMxMg==","avatar_url":"https://avatars3.githubusercontent.com/u/593312?v=4","gravatar_id":"","url":"https://api.github.com/users/rnicholus","html_url":"https://github.com/rnicholus","followers_url":"https://api.github.com/users/rnicholus/followers","following_url":"https://api.github.com/users/rnicholus/following{/other_user}","gists_url":"https://api.github.com/users/rnicholus/gists{/gist_id}","starred_url":"https://api.github.com/users/rnicholus/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rnicholus/subscriptions","organizations_url":"https://api.github.com/users/rnicholus/orgs","repos_url":"https://api.github.com/users/rnicholus/repos","events_url":"https://api.github.com/users/rnicholus/events{/privacy}","received_events_url":"https://api.github.com/users/rnicholus/received_events","type":"User","site_admin":false},"created_at":"2018-08-09T03:38:23Z","updated_at":"2018-08-09T03:38:23Z","author_association":"MEMBER","body":"fixed in v1.1.1 - just released"}}
{"actor":{"display_login":"rnicholus"}}