diff --git a/packages/react-identicon/src/Identicon.tsx b/packages/react-identicon/src/Identicon.tsx
index 1a43ce7d..9a557cdd 100644
--- a/packages/react-identicon/src/Identicon.tsx
+++ b/packages/react-identicon/src/Identicon.tsx
@@ -2,7 +2,7 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import type { Prefix } from '@polkadot/util-crypto/address/types';
-import type { IdentityProps as Props, Props as ComponentProps } from './types';
+import type { IdentityProps as Props, Props as ComponentProps } from './types.js';
 
 import React from 'react';
 import CopyToClipboard from 'react-copy-to-clipboard';
diff --git a/packages/react-identicon/src/icons/Beachball.tsx b/packages/react-identicon/src/icons/Beachball.tsx
index c0512e0b..5355508c 100644
--- a/packages/react-identicon/src/icons/Beachball.tsx
+++ b/packages/react-identicon/src/icons/Beachball.tsx
@@ -1,7 +1,7 @@
 // Copyright 2017-2023 @polkadot/react-identicon authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import type { Props } from '../types';
+import type { Props } from '../types.js';
 
 import React, { useCallback } from 'react';
 
diff --git a/packages/react-identicon/src/icons/Empty.tsx b/packages/react-identicon/src/icons/Empty.tsx
index 24b4cfdd..d71afc03 100644
--- a/packages/react-identicon/src/icons/Empty.tsx
+++ b/packages/react-identicon/src/icons/Empty.tsx
@@ -1,7 +1,7 @@
 // Copyright 2017-2023 @polkadot/react-identicon authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import type { Props } from '../types';
+import type { Props } from '../types.js';
 
 import React from 'react';
 
diff --git a/packages/react-identicon/src/icons/Ethereum.tsx b/packages/react-identicon/src/icons/Ethereum.tsx
index f22031f7..80076fae 100644
--- a/packages/react-identicon/src/icons/Ethereum.tsx
+++ b/packages/react-identicon/src/icons/Ethereum.tsx
@@ -1,7 +1,7 @@
 // Copyright 2017-2023 @polkadot/react-identicon authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import type { Props } from '../types';
+import type { Props } from '../types.js';
 
 import makeBlockie from 'ethereum-blockies-base64';
 import React, { useMemo } from 'react';
diff --git a/packages/react-identicon/src/icons/Jdenticon.tsx b/packages/react-identicon/src/icons/Jdenticon.tsx
index e8b996ae..e9e34ecb 100644
--- a/packages/react-identicon/src/icons/Jdenticon.tsx
+++ b/packages/react-identicon/src/icons/Jdenticon.tsx
@@ -1,7 +1,7 @@
 // Copyright 2017-2023 @polkadot/react-identicon authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import type { Props } from '../types';
+import type { Props } from '../types.js';
 
 import * as jdenticon from 'jdenticon';
 import React, { useMemo } from 'react';
diff --git a/packages/react-identicon/src/icons/Polkadot.tsx b/packages/react-identicon/src/icons/Polkadot.tsx
index 88bd60f2..c5111380 100644
--- a/packages/react-identicon/src/icons/Polkadot.tsx
+++ b/packages/react-identicon/src/icons/Polkadot.tsx
@@ -17,7 +17,7 @@
 //   - Overall it is now just a static component, expecting an address as an input value
 
 import type { Circle } from '@polkadot/ui-shared/icons/types';
-import type { Props } from '../types';
+import type { Props } from '../types.js';
 
 import React, { useMemo } from 'react';
 
diff --git a/packages/ui-keyring/src/Base.ts b/packages/ui-keyring/src/Base.ts
index a8da2844..fb6611ff 100644
--- a/packages/ui-keyring/src/Base.ts
+++ b/packages/ui-keyring/src/Base.ts
@@ -3,8 +3,8 @@
 
 import type { KeyringInstance, KeyringPair } from '@polkadot/keyring/types';
 import type { Prefix } from '@polkadot/util-crypto/address/types';
-import type { AddressSubject } from './observable/types';
-import type { KeyringOptions, KeyringStore } from './types';
+import type { AddressSubject } from './observable/types.js';
+import type { KeyringOptions, KeyringStore } from './types.js';
 
 import { createTestKeyring } from '@polkadot/keyring';
 import { isBoolean, isNumber, isString } from '@polkadot/util';
diff --git a/packages/ui-keyring/src/observable/genericSubject.ts b/packages/ui-keyring/src/observable/genericSubject.ts
index de19fdd4..cdce837b 100644
--- a/packages/ui-keyring/src/observable/genericSubject.ts
+++ b/packages/ui-keyring/src/observable/genericSubject.ts
@@ -2,8 +2,8 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import type { KeypairType } from '@polkadot/util-crypto/types';
-import type { KeyringJson, KeyringStore } from '../types';
-import type { AddressSubject, SingleAddress, SubjectInfo } from './types';
+import type { KeyringJson, KeyringStore } from '../types.js';
+import type { AddressSubject, SingleAddress, SubjectInfo } from './types.js';
 
 import { BehaviorSubject } from 'rxjs';
 
diff --git a/packages/ui-keyring/src/observable/index.ts b/packages/ui-keyring/src/observable/index.ts
index 9bb3a5f5..f7fab3d5 100644
--- a/packages/ui-keyring/src/observable/index.ts
+++ b/packages/ui-keyring/src/observable/index.ts
@@ -1,7 +1,7 @@
 // Copyright 2017-2023 @polkadot/ui-keyring authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import type { SubjectInfo } from './types';
+import type { SubjectInfo } from './types.js';
 
 import { combineLatest, map } from 'rxjs';
 
diff --git a/packages/ui-keyring/src/stores/Browser.ts b/packages/ui-keyring/src/stores/Browser.ts
index a2019d64..ef39e119 100644
--- a/packages/ui-keyring/src/stores/Browser.ts
+++ b/packages/ui-keyring/src/stores/Browser.ts
@@ -1,7 +1,7 @@
 // Copyright 2017-2023 @polkadot/ui-keyring authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import type { KeyringJson, KeyringStore } from '../types';
+import type { KeyringJson, KeyringStore } from '../types.js';
 
 import store from 'store';
 
diff --git a/packages/ui-keyring/src/stores/File.ts b/packages/ui-keyring/src/stores/File.ts
index 0be2bcdb..6707fdef 100644
--- a/packages/ui-keyring/src/stores/File.ts
+++ b/packages/ui-keyring/src/stores/File.ts
@@ -1,7 +1,7 @@
 // Copyright 2017-2023 @polkadot/ui-keyring authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import type { KeyringJson, KeyringStore } from '../types';
+import type { KeyringJson, KeyringStore } from '../types.js';
 
 import mkdirp from 'mkdirp';
 import fs from 'node:fs';
diff --git a/packages/ui-settings/src/Settings.ts b/packages/ui-settings/src/Settings.ts
index 2b4745b5..e6cd0386 100644
--- a/packages/ui-settings/src/Settings.ts
+++ b/packages/ui-settings/src/Settings.ts
@@ -1,7 +1,7 @@
 // Copyright 2017-2023 @polkadot/ui-settings authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import type { Endpoint, EndpointType, Option, SettingsStruct } from './types';
+import type { Endpoint, EndpointType, Option, SettingsStruct } from './types.js';
 
 import EventEmitter from 'eventemitter3';
 import store from 'store';
diff --git a/packages/ui-settings/src/defaults/ui.ts b/packages/ui-settings/src/defaults/ui.ts
index 2d56d932..0bb1b7f1 100644
--- a/packages/ui-settings/src/defaults/ui.ts
+++ b/packages/ui-settings/src/defaults/ui.ts
@@ -1,7 +1,7 @@
 // Copyright 2017-2023 @polkadot/ui-settings authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import type { Option } from '../types';
+import type { Option } from '../types.js';
 
 import { isPolkadot } from './type.js';
 
diff --git a/packages/ui-shared/src/icons/beachball/index.ts b/packages/ui-shared/src/icons/beachball/index.ts
index 8de7a594..4e35edde 100644
--- a/packages/ui-shared/src/icons/beachball/index.ts
+++ b/packages/ui-shared/src/icons/beachball/index.ts
@@ -3,7 +3,7 @@
 
 // Copyright 2016 Dan Finlay
 
-import type { Options } from '../types';
+import type { Options } from '../types.js';
 
 import { circle } from './shape/circle.js';
 import { element } from './svg/element.js';
diff --git a/packages/ui-shared/src/icons/beachball/seeder.spec.ts b/packages/ui-shared/src/icons/beachball/seeder.spec.ts
index 66ec5d98..5d1332e1 100644
--- a/packages/ui-shared/src/icons/beachball/seeder.spec.ts
+++ b/packages/ui-shared/src/icons/beachball/seeder.spec.ts
@@ -3,7 +3,7 @@
 
 /// <reference types="@polkadot/dev/node/test/node" />
 
-import type { Seeder } from './types';
+import type { Seeder } from './types.js';
 
 import { seeder as newSeeder } from './seeder.js';
 
diff --git a/packages/ui-shared/src/icons/beachball/seeder.ts b/packages/ui-shared/src/icons/beachball/seeder.ts
index ec0a90e1..b442db49 100644
--- a/packages/ui-shared/src/icons/beachball/seeder.ts
+++ b/packages/ui-shared/src/icons/beachball/seeder.ts
@@ -1,7 +1,7 @@
 // Copyright 2017-2023 @polkadot/ui-shared authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import type { Seeder } from './types';
+import type { Seeder } from './types.js';
 
 import { isU8a, stringToU8a } from '@polkadot/util';
 
diff --git a/packages/ui-shared/src/icons/beachball/shape/circle.ts b/packages/ui-shared/src/icons/beachball/shape/circle.ts
index b09727f1..23f050ec 100644
--- a/packages/ui-shared/src/icons/beachball/shape/circle.ts
+++ b/packages/ui-shared/src/icons/beachball/shape/circle.ts
@@ -3,7 +3,7 @@
 
 // Copyright 2016 Dan Finlay
 
-import type { Seeder } from '../types';
+import type { Seeder } from '../types.js';
 
 import { SHAPE_COUNT } from '../defaults.js';
 import { circle as newCircle } from '../svg/circle.js';
diff --git a/packages/ui-shared/src/icons/beachball/shape/square.ts b/packages/ui-shared/src/icons/beachball/shape/square.ts
index e21aa560..cf165695 100644
--- a/packages/ui-shared/src/icons/beachball/shape/square.ts
+++ b/packages/ui-shared/src/icons/beachball/shape/square.ts
@@ -3,7 +3,7 @@
 
 // Copyright 2016 Dan Finlay
 
-import type { Seeder } from '../types';
+import type { Seeder } from '../types.js';
 
 import { SHAPE_COUNT } from '../defaults.js';
 import { rect as newRect } from '../svg/rect.js';
diff --git a/packages/ui-shared/src/icons/polkadot.ts b/packages/ui-shared/src/icons/polkadot.ts
index 6f7f385d..323baa56 100644
--- a/packages/ui-shared/src/icons/polkadot.ts
+++ b/packages/ui-shared/src/icons/polkadot.ts
@@ -7,7 +7,7 @@
 //
 // https://github.com/paritytech/oo7/blob/251ba2b7c45503b68eab4320c270b5afa9bccb60/packages/polkadot-identicon/src/index.jsx
 
-import type { Circle, Options } from './types';
+import type { Circle, Options } from './types.js';
 
 import { blake2AsU8a, decodeAddress } from '@polkadot/util-crypto';
 
diff --git a/tsconfig.base.json b/tsconfig.base.json
index 688a5aa9..a1c22737 100644
--- a/tsconfig.base.json
+++ b/tsconfig.base.json
@@ -3,22 +3,18 @@
   "compilerOptions": {
     "composite": true,
     "paths": {
-      "@polkadot/react-identicon": ["react-identicon/src"],
-      "@polkadot/react-identicon/*": ["react-identicon/src/*"],
-      "@polkadot/react-qr": ["react-qr/src"],
-      "@polkadot/react-qr/*": ["react-qr/src/*"],
-      "@polkadot/reactnative-identicon": ["reactnative-identicon/src"],
-      "@polkadot/reactnative-identicon/*": ["reactnative-identicon/src/*"],
-      "@polkadot/ui-keyring": ["ui-keyring/src"],
-      "@polkadot/ui-keyring/*": ["ui-keyring/src/*"],
-      "@polkadot/ui-settings": ["ui-settings/src"],
-      "@polkadot/ui-settings/*": ["ui-settings/src/*"],
-      "@polkadot/ui-shared": ["ui-shared/src"],
-      "@polkadot/ui-shared/*": ["ui-shared/src/*"],
-      "@polkadot/vue-identicon": ["vue-identicon/src"],
-      "@polkadot/vue-identicon/*": ["vue-identicon/src/*"]
+      "@polkadot/react-identicon": ["react-identicon/src/index.ts"],
+      "@polkadot/react-qr": ["react-qr/src/index.ts"],
+      "@polkadot/reactnative-identicon": ["reactnative-identicon/src/index.ts"],
+      "@polkadot/ui-keyring": ["ui-keyring/src/index.ts"],
+      "@polkadot/ui-settings": ["ui-settings/src/index.ts"],
+      "@polkadot/ui-settings/packageInfo": ["ui-settings/src/packageInfo.ts"],
+      "@polkadot/ui-settings/types": ["ui-settings/src/types.ts"],
+      "@polkadot/ui-shared": ["ui-shared/src/index.ts"],
+      "@polkadot/ui-shared/icons/*": ["ui-shared/src/icons/*.ts"],
+      "@polkadot/ui-shared/packageInfo": ["ui-shared/src/packageInfo.ts"],
+      "@polkadot/vue-identicon": ["vue-identicon/src/index.ts"],
     },
-    "skipLibCheck": true,
-    "target": "es2020"
+    "skipLibCheck": true
   }
  }