Use import attributes when importing json files (#1174)

* Use import attributes for json imports.

* rush change

* Add useTranslation to prettierignore

.prettierignore

@@ -31,3 +31,6 @@ playwright-report
 
 # test-app specific
 routeTree.gen.ts
+
+# temporary until prettier is updated
+useTranslation.tsx

common/changes/@itwin/appui-react/issue-1165_2025-01-15-15-07.json

@@ -0,0 +1,10 @@
+{
+  "changes": [
+    {
+      "packageName": "@itwin/appui-react",
+      "comment": "Use import attributes for json imports.",
+      "type": "none"
+    }
+  ],
+  "packageName": "@itwin/appui-react"
+}

common/changes/@itwin/components-react/issue-1165_2025-01-15-15-07.json

@@ -0,0 +1,10 @@
+{
+  "changes": [
+    {
+      "packageName": "@itwin/components-react",
+      "comment": "Use import attributes for json imports.",
+      "type": "none"
+    }
+  ],
+  "packageName": "@itwin/components-react"
+}

common/changes/@itwin/core-react/issue-1165_2025-01-15-15-07.json

@@ -0,0 +1,10 @@
+{
+  "changes": [
+    {
+      "packageName": "@itwin/core-react",
+      "comment": "Use import attributes for json imports.",
+      "type": "none"
+    }
+  ],
+  "packageName": "@itwin/core-react"
+}

common/changes/@itwin/imodel-components-react/issue-1165_2025-01-15-15-07.json

@@ -0,0 +1,10 @@
+{
+  "changes": [
+    {
+      "packageName": "@itwin/imodel-components-react",
+      "comment": "Use import attributes for json imports.",
+      "type": "none"
+    }
+  ],
+  "packageName": "@itwin/imodel-components-react"
+}

ui/appui-react/src/appui-react/hooks/useTranslation.tsx

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import * as defaults from "../UiFramework.json";
+import * as defaults from "../UiFramework.json" with { type: "json" };
 import * as React from "react";
 import { usePackageTranslation } from "@itwin/core-react/internal";
 import { UiFramework } from "../UiFramework.js";

ui/components-react/src/components-react/l10n/useTranslation.tsx

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import * as defaults from "../UiComponents.json";
+import * as defaults from "../UiComponents.json" with { type: "json" };
 import * as React from "react";
 import { usePackageTranslation } from "@itwin/core-react/internal";
 import { UiComponents } from "../UiComponents.js";

ui/core-react/src/core-react/l10n/useTranslation.tsx

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import * as defaults from "../UiCore.json";
+import * as defaults from "../UiCore.json" with { type: "json" };
 import * as React from "react";
 import { UiCore } from "../UiCore.js";
 import { usePackageTranslation } from "./usePackageTranslation.js";

ui/imodel-components-react/src/imodel-components-react/useTranslation.tsx

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import * as defaults from "./UiIModelComponents.json";
+import * as defaults from "./UiIModelComponents.json" with { type: "json" };
 import * as React from "react";
 import { usePackageTranslation } from "@itwin/core-react/internal";
 import { UiIModelComponents } from "./UiIModelComponents.js";