React 18 Codesandbox Template

[jrock2004]

So the template that is used for new issues is using old version of react and would like to see one for version 18.x

[kettanaito]

Hey, @jrock2004. Have you tried upgrading React in that template? Did you face any issues? If you did, please describe them here, so we could migrate to newer versions of React faster with your help. Thanks.

[jrock2004]

@kettanaito Here is my template I have https://codesandbox.io/s/react-typescript-w-mswjs-tailwindcss-wermmh and it might be that I did it wrong but worked with earlier version of MSWJS

[gfox1984]

I haven't managed to add msw to my codesandbox either, which I freshly created from the official React + Typescript sandbox: https://codesandbox.io/s/compassionate-river-qt8y8y

The error is the same as @jrock2004 when I run the test (which uses my msw server) :
Cannot read properties of undefined (reading 'FIELD')

TypeError: Cannot read properties of undefined (reading 'FIELD')
    at Window.$csb$eval (https://qt8y8y.csb.app/node_modules/graphql/type/directives.mjs:66:50)
    at H (https://codesandbox.io/static/js/sandbox.7e9b6d925.js:1:100039)
    at K.evaluate (https://codesandbox.io/static/js/sandbox.7e9b6d925.js:1:112791)
    at ge.evaluateTranspiledModule (https://codesandbox.io/static/js/sandbox.7e9b6d925.js:1:123173)
    at c (https://codesandbox.io/static/js/sandbox.7e9b6d925.js:1:112406)
    at Window.$csb$eval (https://qt8y8y.csb.app/node_modules/graphql/type/validate.mjs:13:29)
    at H (https://codesandbox.io/static/js/sandbox.7e9b6d925.js:1:100039)
    at K.evaluate (https://codesandbox.io/static/js/sandbox.7e9b6d925.js:1:112791)
    at ge.evaluateTranspiledModule (https://codesandbox.io/static/js/sandbox.7e9b6d925.js:1:123173)
    at c (https://codesandbox.io/static/js/sandbox.7e9b6d925.js:1:112406)
    at Window.$csb$eval (https://qt8y8y.csb.app/node_modules/graphql/graphql.mjs:11:32)
    at H (https://codesandbox.io/static/js/sandbox.7e9b6d925.js:1:100039)
    at K.evaluate (https://codesandbox.io/static/js/sandbox.7e9b6d925.js:1:112791)
    at ge.evaluateTranspiledModule (https://codesandbox.io/static/js/sandbox.7e9b6d925.js:1:123173)
    at c (https://codesandbox.io/static/js/sandbox.7e9b6d925.js:1:112406)
    at Window.$csb$eval (https://qt8y8y.csb.app/node_modules/graphql/index.mjs:25:26)
    at H (https://codesandbox.io/static/js/sandbox.7e9b6d925.js:1:100039)
    at K.evaluate (https://codesandbox.io/static/js/sandbox.7e9b6d925.js:1:112791)
    at ge.evaluateTranspiledModule (https://codesandbox.io/static/js/sandbox.7e9b6d925.js:1:123173)
    at c (https://codesandbox.io/static/js/sandbox.7e9b6d925.js:1:112406)
    at Window.$csb$eval (https://qt8y8y.csb.app/node_modules/msw/lib/node/index.mjs:38:21)
    at H (https://codesandbox.io/static/js/sandbox.7e9b6d925.js:1:100039)
    at K.evaluate (https://codesandbox.io/static/js/sandbox.7e9b6d925.js:1:112791)
    at ge.evaluateTranspiledModule (https://codesandbox.io/static/js/sandbox.7e9b6d925.js:1:123173)
    at c (https://codesandbox.io/static/js/sandbox.7e9b6d925.js:1:112406)
    at Window.$csb$eval (https://qt8y8y.csb.app/src/mocks/server.ts:8:13)
    at H (https://codesandbox.io/static/js/sandbox.7e9b6d925.js:1:100039)
    at K.evaluate (https://codesandbox.io/static/js/sandbox.7e9b6d925.js:1:112791)
    at ge.evaluateTranspiledModule (https://codesandbox.io/static/js/sandbox.7e9b6d925.js:1:123173)
    at c (https://codesandbox.io/static/js/sandbox.7e9b6d925.js:1:112406)
    at Window.$csb$eval (https://qt8y8y.csb.app/src/setupTests.js:3:15)
    at H (https://codesandbox.io/static/js/sandbox.7e9b6d925.js:1:100039)
    at K.evaluate (https://codesandbox.io/static/js/sandbox.7e9b6d925.js:1:112791)
    at ge.evaluateTranspiledModule (https://codesandbox.io/static/js/sandbox.7e9b6d925.js:1:123173)
    at ge.evaluateModule (https://codesandbox.io/static/js/sandbox.7e9b6d925.js:1:122672)
    at https://codesandbox.io/static/js/7.cdfc7986d.chunk.js:1:16374
    at Array.forEach (<anonymous>)
    at https://codesandbox.io/static/js/7.cdfc7986d.chunk.js:1:16343
    at c (https://codesandbox.io/static/js/vendors~app~embed~sandbox~sandbox-startup.bcc15d438.chunk.js:1:3629)
    at Generator._invoke (https://codesandbox.io/static/js/vendors~app~embed~sandbox~sandbox-startup.bcc15d438.chunk.js:1:3382)
    at forEach.t.<computed> [as next] (https://codesandbox.io/static/js/vendors~app~embed~sandbox~sandbox-startup.bcc15d438.chunk.js:1:3986)
    at r (https://codesandbox.io/static/js/vendors~app~embed~sandbox~sandbox-startup.bcc15d438.chunk.js:1:206)
    at u (https://codesandbox.io/static/js/vendors~app~embed~sandbox~sandbox-startup.bcc15d438.chunk.js:1:417)
    at https://codesandbox.io/static/js/vendors~app~embed~sandbox~sandbox-startup.bcc15d438.chunk.js:1:476
    at new Promise (<anonymous>)
    at https://codesandbox.io/static/js/vendors~app~embed~sandbox~sandbox-startup.bcc15d438.chunk.js:1:357
    at https://codesandbox.io/static/js/7.cdfc7986d.chunk.js:1:16803
    at Array.map (<anonymous>)
    at e.<anonymous> (https://codesandbox.io/static/js/7.cdfc7986d.chunk.js:1:16145)
    at c (https://codesandbox.io/static/

[jrock2004]

I wonder if this is considered bug worthy