{"id":37,"date":"2018-04-29T02:52:00","date_gmt":"2018-04-29T02:52:00","guid":{"rendered":"https:\/\/kdcinfo.com\/blog\/2018\/04\/29\/typeerror-undefined-redux-4\/"},"modified":"2018-04-29T02:52:00","modified_gmt":"2018-04-29T02:52:00","slug":"typeerror-undefined-redux-4","status":"publish","type":"post","link":"https:\/\/kdcinfo.com\/blog\/2018\/04\/29\/typeerror-undefined-redux-4\/","title":{"rendered":"TypeError: Undefined: Redux 4"},"content":{"rendered":"
\n

\nRedux 4 > createStore > compose<\/h2>\n

\nThe Error<\/h3>\n
\n
            TypeError: Cannot read property 'apply' of undefined<\/code>\n            [node_modules\/redux\/es\/redux.js:523<\/code>]\n        <\/pre>\n<\/div>\n
\nThe Problem and Solution<\/h3>\n
\nIf you’ve gone through a tutorial in which they suggest adding the Redux Dev Tools in your store.js<\/code> like this:<\/p>\n
            window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()<\/code>\n        <\/pre>\n<\/div>\n
\nBut they’re using it inside of a compose()<\/code>, you could receive a Type Error<\/code> for an undefined<\/code> when the extension is not enabled (or present).
\n        The correct way to implement the Redux Dev Tools<\/a> within a compose<\/code> is as follows:<\/p>\n
            window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose<\/code>\n        <\/pre>\n<\/div>\n
\nI learned this the hard way, and was eventually brought rescue from GitHub user [zalmoxisus]<\/a>.<\/div>\n
\nzalmoxisus<\/code> also references the docs for this: [1.2 Advanced store setup (middleware and enhancers)<\/a>]<\/div>\n
\nCode Extract from [store.js<\/code>]<\/h3>\n
      compose(\n        applyMiddleware(...middleware),\n        window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()<\/s>\n        window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose<\/span>\n      )\n    <\/code><\/pre>\n
\nA Little Error Verbosity<\/h3>\n
\n
\nTypeError: Cannot read property ‘apply’ of undefined<\/div>\n
\n
\n
\n(anonymous function)<\/div>\n
\nnode_modules\/redux\/es\/redux.js:523<\/a><\/div>\n
<\/a><\/p>\n
  520 | <\/span><\/span>\n                \n  521 | <\/span>  return<\/span> funcs.<\/span>reduce(function<\/span> (a,<\/span> b) {<\/span>\n                \n  522 | <\/span>    return<\/span> function<\/span> () {<\/span>\n                \n<\/span>><\/span><\/span> 523 | <\/span>      return<\/span> a(b.<\/span>apply(undefined,<\/span> arguments));<\/span><\/span>\n                \n  524 | <\/span>    };<\/span><\/span>\n                \n  525 | <\/span>  });<\/span><\/span>\n                \n  526 | <\/span>}<\/span>\n                <\/code>\n                <\/a><\/pre>\n
\n
\ncreateStore<\/div>\n
\nnode_modules\/redux\/es\/redux.js:87<\/a><\/div>\n
<\/a><\/p>\n
  84 | <\/span>    throw<\/span> new<\/span> Error<\/span>('Expected the enhancer to be a function.'<\/span>);<\/span><\/span>\n                \n  85 | <\/span>  }<\/span>\n                \n  86 | <\/span><\/span>\n                \n<\/span>><\/span><\/span> 87 | <\/span>  return<\/span> enhancer(createStore)(reducer,<\/span> preloadedState);<\/span><\/span>\n                \n  88 | <\/span>}<\/span>\n                \n  89 | <\/span><\/span>\n                \n  90 | <\/span>if<\/span> (typeof<\/span> reducer !==<\/span> 'function'<\/span>) {<\/span>\n                <\/code>\n                <\/a><\/pre>\n
\n
\n.\/src\/resources\/store.js<\/div>\n
\nsrc\/resources\/store.js:9<\/a><\/div>\n
<\/a><\/p>\n
   6 | <\/span><\/span>\n                \n   7 | <\/span>const<\/span> middleware =<\/span> [thunk];<\/span><\/span>\n                \n   8 | <\/span><\/span>\n                \n<\/span>><\/span><\/span>  9 | <\/span>const<\/span> ourStore =<\/span> createStore(<\/span>\n                \n  10 | <\/span>  rootReducer,<\/span><\/span>\n                \n  11 | <\/span>  initialState,<\/span><\/span>\n                \n  12 | <\/span>  compose(<\/span>\n                <\/code>\n                <\/a><\/pre>\n
—
\nKeith D Commiskey
\nhttps:\/\/keithdc.com<\/div>\n","protected":false},"excerpt":{"rendered":"
Redux 4 > createStore > compose The Error TypeError: Cannot read property ‘apply’ of undefined [node_modules\/redux\/es\/redux.js:523] The Problem and Solution If you’ve gone through a<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-37","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"\nTypeError: Undefined: Redux 4 - App Development: Odds and Ends<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kdcinfo.com\/blog\/2018\/04\/29\/typeerror-undefined-redux-4\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"TypeError: Undefined: Redux 4 - App Development: Odds and Ends\" \/>\n<meta property=\"og:description\" content=\"Redux 4 > createStore > compose The Error TypeError: Cannot read property 'apply' of undefined [node_modules\/redux\/es\/redux.js:523] The Problem and Solution If you’ve gone through a\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kdcinfo.com\/blog\/2018\/04\/29\/typeerror-undefined-redux-4\/\" \/>\n<meta property=\"og:site_name\" content=\"App Development: Odds and Ends\" \/>\n<meta property=\"article:published_time\" content=\"2018-04-29T02:52:00+00:00\" \/>\n<meta name=\"author\" content=\"Keith D Commiskey\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Keith D Commiskey\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/kdcinfo.com\\\/blog\\\/2018\\\/04\\\/29\\\/typeerror-undefined-redux-4\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/kdcinfo.com\\\/blog\\\/2018\\\/04\\\/29\\\/typeerror-undefined-redux-4\\\/\"},\"author\":{\"name\":\"Keith D Commiskey\",\"@id\":\"https:\\\/\\\/kdcinfo.com\\\/blog\\\/#\\\/schema\\\/person\\\/87980b154db7bd0cd7c569ca09328bac\"},\"headline\":\"TypeError: Undefined: Redux 4\",\"datePublished\":\"2018-04-29T02:52:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/kdcinfo.com\\\/blog\\\/2018\\\/04\\\/29\\\/typeerror-undefined-redux-4\\\/\"},\"wordCount\":141,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/kdcinfo.com\\\/blog\\\/#\\\/schema\\\/person\\\/87980b154db7bd0cd7c569ca09328bac\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/kdcinfo.com\\\/blog\\\/2018\\\/04\\\/29\\\/typeerror-undefined-redux-4\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/kdcinfo.com\\\/blog\\\/2018\\\/04\\\/29\\\/typeerror-undefined-redux-4\\\/\",\"url\":\"https:\\\/\\\/kdcinfo.com\\\/blog\\\/2018\\\/04\\\/29\\\/typeerror-undefined-redux-4\\\/\",\"name\":\"TypeError: Undefined: Redux 4 - App Development: Odds and Ends\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/kdcinfo.com\\\/blog\\\/#website\"},\"datePublished\":\"2018-04-29T02:52:00+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/kdcinfo.com\\\/blog\\\/2018\\\/04\\\/29\\\/typeerror-undefined-redux-4\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/kdcinfo.com\\\/blog\\\/2018\\\/04\\\/29\\\/typeerror-undefined-redux-4\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/kdcinfo.com\\\/blog\\\/2018\\\/04\\\/29\\\/typeerror-undefined-redux-4\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/kdcinfo.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"TypeError: Undefined: Redux 4\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/kdcinfo.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/kdcinfo.com\\\/blog\\\/\",\"name\":\"App Development: Odds and Ends\",\"description\":\"Providing insights into a career of apps and utilities that I've conceptualized, designed, and developed; complemented with developmental journeys, findings, observations, and challenges encountered along the way.\",\"publisher\":{\"@id\":\"https:\\\/\\\/kdcinfo.com\\\/blog\\\/#\\\/schema\\\/person\\\/87980b154db7bd0cd7c569ca09328bac\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/kdcinfo.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/kdcinfo.com\\\/blog\\\/#\\\/schema\\\/person\\\/87980b154db7bd0cd7c569ca09328bac\",\"name\":\"Keith D Commiskey\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/kdcinfo.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/keith-sac-01.jpg\",\"url\":\"https:\\\/\\\/kdcinfo.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/keith-sac-01.jpg\",\"contentUrl\":\"https:\\\/\\\/kdcinfo.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/keith-sac-01.jpg\",\"width\":113,\"height\":117,\"caption\":\"Keith D Commiskey\"},\"logo\":{\"@id\":\"https:\\\/\\\/kdcinfo.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/keith-sac-01.jpg\"},\"description\":\"Web App Creator; Former Flutter Developer; Former Front End Developer; Former Technical Graphics.\",\"sameAs\":[\"https:\\\/\\\/kdcinfo.com\\\/blog\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/commiskey\"],\"url\":\"https:\\\/\\\/kdcinfo.com\\\/blog\\\/author\\\/kdc4wp\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"TypeError: Undefined: Redux 4 - App Development: Odds and Ends","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kdcinfo.com\/blog\/2018\/04\/29\/typeerror-undefined-redux-4\/","og_locale":"en_US","og_type":"article","og_title":"TypeError: Undefined: Redux 4 - App Development: Odds and Ends","og_description":"Redux 4 > createStore > compose The Error TypeError: Cannot read property 'apply' of undefined [node_modules\/redux\/es\/redux.js:523] The Problem and Solution If you’ve gone through a","og_url":"https:\/\/kdcinfo.com\/blog\/2018\/04\/29\/typeerror-undefined-redux-4\/","og_site_name":"App Development: Odds and Ends","article_published_time":"2018-04-29T02:52:00+00:00","author":"Keith D Commiskey","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Keith D Commiskey","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kdcinfo.com\/blog\/2018\/04\/29\/typeerror-undefined-redux-4\/#article","isPartOf":{"@id":"https:\/\/kdcinfo.com\/blog\/2018\/04\/29\/typeerror-undefined-redux-4\/"},"author":{"name":"Keith D Commiskey","@id":"https:\/\/kdcinfo.com\/blog\/#\/schema\/person\/87980b154db7bd0cd7c569ca09328bac"},"headline":"TypeError: Undefined: Redux 4","datePublished":"2018-04-29T02:52:00+00:00","mainEntityOfPage":{"@id":"https:\/\/kdcinfo.com\/blog\/2018\/04\/29\/typeerror-undefined-redux-4\/"},"wordCount":141,"commentCount":0,"publisher":{"@id":"https:\/\/kdcinfo.com\/blog\/#\/schema\/person\/87980b154db7bd0cd7c569ca09328bac"},"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kdcinfo.com\/blog\/2018\/04\/29\/typeerror-undefined-redux-4\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kdcinfo.com\/blog\/2018\/04\/29\/typeerror-undefined-redux-4\/","url":"https:\/\/kdcinfo.com\/blog\/2018\/04\/29\/typeerror-undefined-redux-4\/","name":"TypeError: Undefined: Redux 4 - App Development: Odds and Ends","isPartOf":{"@id":"https:\/\/kdcinfo.com\/blog\/#website"},"datePublished":"2018-04-29T02:52:00+00:00","breadcrumb":{"@id":"https:\/\/kdcinfo.com\/blog\/2018\/04\/29\/typeerror-undefined-redux-4\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kdcinfo.com\/blog\/2018\/04\/29\/typeerror-undefined-redux-4\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kdcinfo.com\/blog\/2018\/04\/29\/typeerror-undefined-redux-4\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kdcinfo.com\/blog\/"},{"@type":"ListItem","position":2,"name":"TypeError: Undefined: Redux 4"}]},{"@type":"WebSite","@id":"https:\/\/kdcinfo.com\/blog\/#website","url":"https:\/\/kdcinfo.com\/blog\/","name":"App Development: Odds and Ends","description":"Providing insights into a career of apps and utilities that I've conceptualized, designed, and developed; complemented with developmental journeys, findings, observations, and challenges encountered along the way.","publisher":{"@id":"https:\/\/kdcinfo.com\/blog\/#\/schema\/person\/87980b154db7bd0cd7c569ca09328bac"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kdcinfo.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/kdcinfo.com\/blog\/#\/schema\/person\/87980b154db7bd0cd7c569ca09328bac","name":"Keith D Commiskey","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/kdcinfo.com\/blog\/wp-content\/uploads\/2023\/08\/keith-sac-01.jpg","url":"https:\/\/kdcinfo.com\/blog\/wp-content\/uploads\/2023\/08\/keith-sac-01.jpg","contentUrl":"https:\/\/kdcinfo.com\/blog\/wp-content\/uploads\/2023\/08\/keith-sac-01.jpg","width":113,"height":117,"caption":"Keith D Commiskey"},"logo":{"@id":"https:\/\/kdcinfo.com\/blog\/wp-content\/uploads\/2023\/08\/keith-sac-01.jpg"},"description":"Web App Creator; Former Flutter Developer; Former Front End Developer; Former Technical Graphics.","sameAs":["https:\/\/kdcinfo.com\/blog","https:\/\/www.linkedin.com\/in\/commiskey"],"url":"https:\/\/kdcinfo.com\/blog\/author\/kdc4wp\/"}]}},"_links":{"self":[{"href":"https:\/\/kdcinfo.com\/blog\/wp-json\/wp\/v2\/posts\/37","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kdcinfo.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kdcinfo.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kdcinfo.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kdcinfo.com\/blog\/wp-json\/wp\/v2\/comments?post=37"}],"version-history":[{"count":0,"href":"https:\/\/kdcinfo.com\/blog\/wp-json\/wp\/v2\/posts\/37\/revisions"}],"wp:attachment":[{"href":"https:\/\/kdcinfo.com\/blog\/wp-json\/wp\/v2\/media?parent=37"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kdcinfo.com\/blog\/wp-json\/wp\/v2\/categories?post=37"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kdcinfo.com\/blog\/wp-json\/wp\/v2\/tags?post=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n                <\/a><\/p><\/div>\n<\/div>\n<\/div>\n<\/div>\n

\n                <\/a><\/p><\/div>\n

\n                <\/a><\/p><\/div>\n