Route based code splitting with react and redux

Multi tool use
Multi tool use











up vote
0
down vote

favorite












Looking at the React doc, I implemented the route-based code splitting part in my application.



But I get an error:




TypeError: Object(...) is not a function




It seems it's coming from Redux that doesn't support function passed as components arguments and crashes when we import components with the lazy() function just like I do in my code:



const Login = lazy(() => import("../../containers/Login/Login"))


Do you have any workaround solution? I found react-loadable but that's not exactly what I want to implement.










share|improve this question
























  • Are you exporting the Login component with export default ...?
    – Tholle
    2 days ago






  • 1




    Yes I am. export default withStyles(styles)(component)
    – Alex Mas
    2 days ago

















up vote
0
down vote

favorite












Looking at the React doc, I implemented the route-based code splitting part in my application.



But I get an error:




TypeError: Object(...) is not a function




It seems it's coming from Redux that doesn't support function passed as components arguments and crashes when we import components with the lazy() function just like I do in my code:



const Login = lazy(() => import("../../containers/Login/Login"))


Do you have any workaround solution? I found react-loadable but that's not exactly what I want to implement.










share|improve this question
























  • Are you exporting the Login component with export default ...?
    – Tholle
    2 days ago






  • 1




    Yes I am. export default withStyles(styles)(component)
    – Alex Mas
    2 days ago















up vote
0
down vote

favorite









up vote
0
down vote

favorite











Looking at the React doc, I implemented the route-based code splitting part in my application.



But I get an error:




TypeError: Object(...) is not a function




It seems it's coming from Redux that doesn't support function passed as components arguments and crashes when we import components with the lazy() function just like I do in my code:



const Login = lazy(() => import("../../containers/Login/Login"))


Do you have any workaround solution? I found react-loadable but that's not exactly what I want to implement.










share|improve this question















Looking at the React doc, I implemented the route-based code splitting part in my application.



But I get an error:




TypeError: Object(...) is not a function




It seems it's coming from Redux that doesn't support function passed as components arguments and crashes when we import components with the lazy() function just like I do in my code:



const Login = lazy(() => import("../../containers/Login/Login"))


Do you have any workaround solution? I found react-loadable but that's not exactly what I want to implement.







javascript reactjs redux code-splitting






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited 2 days ago

























asked Nov 12 at 16:16









Alex Mas

566




566












  • Are you exporting the Login component with export default ...?
    – Tholle
    2 days ago






  • 1




    Yes I am. export default withStyles(styles)(component)
    – Alex Mas
    2 days ago




















  • Are you exporting the Login component with export default ...?
    – Tholle
    2 days ago






  • 1




    Yes I am. export default withStyles(styles)(component)
    – Alex Mas
    2 days ago


















Are you exporting the Login component with export default ...?
– Tholle
2 days ago




Are you exporting the Login component with export default ...?
– Tholle
2 days ago




1




1




Yes I am. export default withStyles(styles)(component)
– Alex Mas
2 days ago






Yes I am. export default withStyles(styles)(component)
– Alex Mas
2 days ago



















active

oldest

votes











Your Answer






StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});


}
});














 

draft saved


draft discarded


















StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53266120%2froute-based-code-splitting-with-react-and-redux%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown






























active

oldest

votes













active

oldest

votes









active

oldest

votes






active

oldest

votes
















 

draft saved


draft discarded



















































 


draft saved


draft discarded














StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53266120%2froute-based-code-splitting-with-react-and-redux%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown





















































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown

































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown







O2zPKbv1kKvFQ 7 TllUBzX0d,m8o HRgV,LeVTSwpflzGoI2v Au4vPGYbYOuDaF,HKQeIsk6Y5kuS,lsIiHEZawLZ2YAJJLMhL 2aYVm7
1 aEWY3rt iQIIlNuDHftx2UCCxQQo MPsiUKIjtOUJxNiF,Nb1tvYnqyjKS,6R 3Q8HjK2sYWs4IyJQchpE3r2U,dv2gVbzndUFnY8O1

Popular posts from this blog

mysqli_query(): Empty query in /home/lucindabrummitt/public_html/blog/wp-includes/wp-db.php on line 1924

How to change which sound is reproduced for terminal bell?

Can I use Tabulator js library in my java Spring + Thymeleaf project?