fix: tsconfig imports

Author: jayeshbhole-rp

packages/react/package.json

@@ -5,6 +5,7 @@
   "type": "module",
   "main": "./src/index.ts",
   "types": "./src/index.d.ts",
+  "sideEffects": false,
   "scripts": {
     "watch": "tsc -w -p ./tsconfig.json",
     "build": "pnpm clean && pnpm build:esm && pnpm build:postcompile && pnpm build:clean",

packages/react/src/constants/index.ts

@@ -18,7 +18,7 @@ import {
   scroll,
   zkSync,
 } from 'viem/chains';
-import { ChainIds, ChainType } from '../types';
+import { ChainIds, ChainType } from '../types/index.js';
 
 export const CHAIN_ID = {
   // evm

packages/react/src/index.ts

@@ -1,3 +1,4 @@
+export * from './constants/index.js';
 export * from './providers/TangledContext.js';
 export * from './types/index.js';
 export * from './utils/getConnectorIcon.js';

packages/react/src/providers/EVMProvider.tsx

@@ -1,8 +1,8 @@
 import { ReactNode, useState } from 'react';
 import { Chain, Transport, http } from 'viem';
 import { WagmiProvider, createConfig } from 'wagmi';
-import { CHAINS_DATA } from '../constants';
-import { ChainConfig } from '../types';
+import { CHAINS_DATA } from '../constants/index.js';
+import { ChainConfig } from '../types/index.js';
 
 const EVMProvider = ({ children, chains }: { children: ReactNode; chains: ChainConfig[] }) => {
   const [evmChains] = useState(() => {

packages/react/src/providers/TangledContext.tsx

@@ -3,8 +3,8 @@ import { coinbaseWallet, injected, walletConnect } from '@wagmi/connectors';
 import { ReactNode, createContext, useState } from 'react';
 import { Chain, Transport, http } from 'viem';
 import { WagmiProvider, createConfig } from 'wagmi';
-import { CHAINS_DATA } from '../constants';
-import { ChainConfig } from '../types';
+import { CHAINS_DATA } from '../constants/index.js';
+import { ChainConfig } from '../types/index.js';
 
 export const TangledContext = createContext({});
 

packages/react/src/types/index.ts

@@ -1,4 +1,4 @@
-import { CHAIN_ID, CHAIN_TYPES } from '../constants';
+import { CHAIN_ID, CHAIN_TYPES } from '../constants/index.js';
 
 export type ChainType = (typeof CHAIN_TYPES)[number];
 

packages/react/tsconfig.json

@@ -1,33 +1,14 @@
 {
   "extends": "../../tsconfig.json",
   "compilerOptions": {
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "module": "NodeNext",
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "NodeNext",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-
     "composite": true,
-    "noEmit": false,
     "declaration": true,
+    "noEmit": false,
     "sourceMap": true,
-
-    "jsx": "react-jsx",
-
     "outDir": "dist/_esm",
     "rootDir": "./src",
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext"
   },
-  "include": ["src"],
-  "references": [{ "path": "./tsconfig.node.json" }]
+  "include": ["./src/**/*", "./src/**/*.json"]
 }

packages/react/tsconfig.node.json

@@ -1,4 +1,4 @@
-module.exports = {
+export default {
   endOfLine: 'lf',
   printWidth: 120,
   useTabs: false,