build: avoid .mjs extension in esm builds to prevent error `Can't imp…

…ort the named export 'useContext' from non EcmaScript module` in legacy consumer webpack builds

packages/react/package.json

@@ -20,7 +20,7 @@
   },
   "license": "ISC",
   "main": "dist/canvas-react.js",
-  "module": "dist/canvas-react.mjs",
+  "module": "dist/esm/canvas-react.js",
   "types": "dist/canvas-react.d.ts",
   "files": [
     "dist"
@@ -43,7 +43,7 @@
   "exports": {
     ".": {
       "require": "./dist/canvas-react.js",
-      "import": "./dist/canvas-react.mjs",
+      "import": "./dist/esm/canvas-react.js",
       "types": "./dist/canvas-react.d.ts"
     }
   }

packages/react/tsup.config.js

@@ -6,6 +6,7 @@ export default defineConfig({
     },
     format: ['esm', 'cjs'],
     target: 'es6',
+    legacyOutput: true, // outputs esm to folder avoiding .mjs file extension
     // this runs tsc to do type checking during build but the console
     // output is not as readable as vanilla tsc when there are problems to resolve
     //   dts: true,