Enable import attributes.

example/src/example/Example.react.tsx

@@ -1,8 +1,7 @@
 import classNames from 'classnames';
 import { fbs, fbt, GenderConst, init, IntlVariations } from 'fbtee';
 import { ChangeEvent, useCallback, useState } from 'react';
-// @ts-expect-error
-import translations from '../translatedFbts.json';
+import translations from '../translatedFbts.json' with { type: 'json' };
 import ExampleEnum from './Example$FbtEnum.js';
 
 const viewerContext = {

example/vite.config.ts

@@ -1,9 +1,7 @@
 import fbteePreset from '@nkzw/babel-fbtee';
 import react from '@vitejs/plugin-react';
-// @ts-expect-error
-import EnumManifest from './.enum_manifest.json';
-// @ts-expect-error
-import CommonStrings from './common_strings.json';
+import EnumManifest from './.enum_manifest.json' with { type: 'json' };
+import CommonStrings from './common_strings.json' with { type: 'json' };
 
 const root = process.cwd();
 

jest-preprocessor.js

@@ -1,11 +1,13 @@
 import babel from '@babel/core';
+import pluginSyntaxAttributes from '@babel/plugin-syntax-import-attributes';
 import presetReact from '@babel/preset-react';
 import presetTypescript from '@babel/preset-typescript';
 
 const createTransformer = (opts = {}) => ({
   process: (src, filename) =>
     babel.transform(src, {
       filename,
+      plugins: [pluginSyntaxAttributes],
       presets: [
         ...(opts?.presets || []),
         [

package.json

@@ -20,6 +20,7 @@
     "@babel/core": "^7.26.0",
     "@babel/generator": "^7.26.3",
     "@babel/parser": "^7.26.3",
+    "@babel/plugin-syntax-import-attributes": "^7.26.0",
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.26.0",
     "@babel/types": "^7.26.3",

packages/babel-plugin-fbtee/src/bin/__tests__/collectFBT-test.tsx

@@ -5,8 +5,7 @@ import {
   getFbtCollector,
   getPackagers,
 } from '../collectFbtUtils.tsx';
-// @ts-expect-error
-import fbtCommon from './FbtCommonForTests.json';
+import fbtCommon from './FbtCommonForTests.json' with { type: 'json' };
 
 async function collect(
   source: Array<[string, string]> | string,

packages/babel-plugin-fbtee/src/utils/addLeafToTree.tsx

@@ -63,7 +63,7 @@ import invariant from 'invariant';
 export default function addLeafToTree<V, T extends Record<string, unknown>>(
   tree: T,
   keys: ReadonlyArray<string | number>,
-  leaf: unknown,
+  leaf: V,
 ) {
   let branch = tree;