How can I import json file?

Expo Development Tools
1

I have a data file something like this.

[
  {
    "id": 1,
    "title": "Car",
    "personal_require": 1,
    "public_serve": 1,
    "public_require": 1,
    "personal_serve": 1
  },
  {
    "id": 2,
    "title": "House",
    "personal_require": 1,
    "public_serve": 1,
    "public_require": 1,
    "personal_serve": 1
  },
  {
    "id": 3,
    "title": "Finance",
    "personal_require": 1,
    "public_serve": 1,
    "public_require": 1,
    "personal_serve": 1
  }
]

I use import and it works for web, but for iOS it seems the system won’t able to find the file. I got error:

Failed building JavaScript bundle. Unable to resolve module
…/tests/data/defaultWishlist.json from
/Users/wlin/dev/wishlist/screens/ServeScreen.tsx:

None of these files exist: * defaultWishlist.json *
tests/data/defaultWishlist.json/index(.native|.ios.ts|.native.ts|.ts|.ios.tsx|.native.tsx|.tsx|.ios.js|.native.js|.js|.ios.jsx|.native.jsx|.jsx|.ios.json|.native.json|.json)
15 | import WishlistItem from “…/components/WishlistItemText”; 16 |
import { Wishlist } from “…/types”;

17 | import * as defaultWishlist from “…/tests/data/defaultWishlist.json”;
| ^ 18 | 19 | type ServeNavigationProp = StackNavigationProp<ServeParamList,
“ServeScreen”>; 20 | type Props = { Warning: Problem checking
watchman version. Invalid Version: 20210524.

I have tried json, js, ts, jsx… none of them work.
Full code is here: GitHub - dotku/aladdin at iosBundleFail