React Native Expo with NativeWind v4 and Typescript

I'm writing this because I faced the problem recently. When I was wasting my time, the solution was right in front of me in

module.exports = function (api) {

  api.cache(true);

  return {

    presets: [

      ["babel-preset-expo", { jsxImportSource: "nativewind" }],

      "nativewind/babel",

    ],

  };

};

Step 5

Create metro.config.js if not have, then add this below codes. This is for Expo SDK 50+ only. If you are using expo which is below 50 then follow

Note: All these are written in the Official documentation of NativeWind. I just wanted to keep them here, so that no newbie face the problem like me and waste their precious time.