use esm syntax

apps/iframe-react-app/project.json

@@ -4,6 +4,5 @@
   "sourceRoot": "apps/iframe-react-app/src",
   "projectType": "application",
   "tags": [],
-  "// targets": "to see all targets run: nx show project iframe-react-app --web",
   "targets": {}
 }

apps/parent-react-app/project.json

@@ -4,6 +4,5 @@
   "sourceRoot": "apps/parent-react-app/src",
   "projectType": "application",
   "tags": [],
-  "// targets": "to see all targets run: nx show project parent-react-app --web",
   "targets": {}
 }

eslint.config.js

@@ -13,7 +13,7 @@ module.exports = [
     files: ['**/*.ts', '**/*.tsx', '**/*.js', '**/*.jsx'],
     rules: {
       '@nx/enforce-module-boundaries': [
-        'error',
+        'warn',
         {
           enforceBuildableLibDependency: true,
           allow: [],

libs/core/eslint.config.js

@@ -1,13 +1,18 @@
-const { FlatCompat } = require('@eslint/eslintrc');
-const baseConfig = require('../../eslint.config.js');
-const js = require('@eslint/js');
+import { FlatCompat } from '@eslint/eslintrc';
+import baseConfig from "../../eslint.config.js";
+import js from "@eslint/js";
+import path from 'path';
+import { fileURLToPath } from 'url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
 
 const compat = new FlatCompat({
   baseDirectory: __dirname,
   recommendedConfig: js.configs.recommended,
 });
 
-module.exports = [
+export default [
   ...baseConfig,
   {
     files: ['**/*.ts', '**/*.tsx', '**/*.js', '**/*.jsx'],

libs/core/package.json

@@ -4,7 +4,7 @@
   "dependencies": {
     "tslib": "^2.3.0"
   },
-  "type": "commonjs",
+  "type": "module",
   "main": "./src/index.js",
   "typings": "./src/index.d.ts",
   "private": true

libs/core/src/lib/core.spec.ts

@@ -1,5 +1,3 @@
-import { Parent, IFrame } from "./core";
-
 describe('Parent', () => {
   it.todo('should work');
 });

libs/react/eslint.config.js

@@ -1,13 +1,18 @@
-const { FlatCompat } = require('@eslint/eslintrc');
-const baseConfig = require('../../eslint.config.js');
-const js = require('@eslint/js');
+import { FlatCompat } from '@eslint/eslintrc';
+import baseConfig from '../../eslint.config.js';
+import js from '@eslint/js';
+import path from 'path';
+import { fileURLToPath } from 'url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
 
 const compat = new FlatCompat({
   baseDirectory: __dirname,
   recommendedConfig: js.configs.recommended,
 });
 
-module.exports = [
+export default [
   ...baseConfig,
   ...compat.extends('plugin:@nx/react'),
   {

libs/react/package.json

@@ -3,6 +3,7 @@
   "version": "0.0.1",
   "main": "./index.js",
   "types": "./index.d.ts",
+  "type": "module",
   "exports": {
     ".": {
       "import": "./index.mjs",

libs/react/src/lib/react.spec.tsx

@@ -1,5 +1,3 @@
-import { useIFrame, useParent } from "./react";
-
 describe('useParent', () => {
   it.todo('should work');
 });