Search code examples
reactjstypescriptreact-reduxredux-toolkitnext.js13

Setting up Redux toolkit with Next js 14.0.1

Been running into a couple of issues trying to setup reduxt toolkit in next 14 as see n below. i've followed the exact steps on several youtube videos and articles online. but stil getting stuck here as i can't wrap my head around what seems to be the issue enter image description here

when it get's compiled by next on the frontend i get this error enter image description here

and this is the store.ts file enter image description here

Solution

  • Your file needs a .tsx extension, not a .ts extension.