feat: set build target to module (#98)

* feat: support dual package exports

* chore!: set packages esm only

Author: orionmiz

package.json

@@ -16,7 +16,8 @@
   "keywords": [
     "swc-plugin"
   ],
-  "main": "next_superjson.wasm",
+  "type": "module",
+  "main": "./dist/next_superjson.wasm",
   "exports": {
     ".": "./dist/next_superjson.wasm",
     "./tools": "./dist/tools.js",

tools/client.tsx

@@ -3,7 +3,7 @@
 import { SuperJSONProps, withSuperJSONPage } from "./tools";
 import * as React from "react";
 
-export default function SuperJSONComponent<P>({
+export default function SuperJSONComponent<P extends JSX.IntrinsicAttributes>({
   component,
   props,
   children

tools/tools.tsx

@@ -1,15 +1,15 @@
 // original tool source from 'babel-plugin-superjson-next'
 
-import * as hoistNonReactStatics from "hoist-non-react-statics";
+import hoistNonReactStatics from "hoist-non-react-statics";
 import type { GetServerSideProps } from "next";
-import * as React from "react";
+import React from "react";
 import SuperJSON from "superjson";
 
 export type SuperJSONProps<P> = P & {
   _superjson?: ReturnType<typeof SuperJSON.serialize>["meta"];
 };
 
-export function withSuperJSONProps<P>(
+export function withSuperJSONProps<P extends JSX.IntrinsicAttributes>(
   gssp: GetServerSideProps<P>,
   exclude: string[] = []
 ): GetServerSideProps<SuperJSONProps<P>> {
@@ -87,7 +87,7 @@ export function deserializeProps<P>(serializedProps: SuperJSONProps<P>): P {
   return SuperJSON.deserialize({ json: props as any, meta: _superjson });
 }
 
-export function withSuperJSONPage<P>(
+export function withSuperJSONPage<P extends JSX.IntrinsicAttributes>(
   Page: React.ComponentType<P>
 ): React.ComponentType<SuperJSONProps<P>> {
   function WithSuperJSON(serializedProps: SuperJSONProps<P>) {

tsconfig.json

@@ -3,12 +3,14 @@
   "compilerOptions": {
     "declaration": true,
     "sourceMap": true,
-    "target": "ES5",
+    "target": "ESNext",
     "rootDir": "tools",
     "outDir": "dist",
     "strict": true,
-    "moduleResolution": "node",
-    "jsx": "react",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "esModuleInterop": true,
+    "jsx": "react-jsx",
     "skipLibCheck": true
   }
 }