Next.js babel preset

1) Integration with Next.js (TypeScript)

I don’t know how can I fix the next problem:

import * as React from 'react';

// @ts-ignore : 'fbt' is declared but its value is never read.
import fbt from 'fbt'; 

console.log(fbt); // ( 1 ) 

// @ts-ignore
const node = <fbt desc='desc-text'>Some text</fbt>;

1. When I commented on this line I get next build error: fbt is not bound. Did you forget to require('fbt')

Did It mean that webpack bundle remove unused import before babel transpilation?

2) Empty childParentMappings:{}

And node_modules/babel-plugin-fbt/bin/collectFBT.js couldn’t collect any phrases from code

---

DEMO Next.js App

dependencies": {
    "fbt": "^0.9.51",
    "babel-plugin-fbt": "^0.9.12",
    "babel-plugin-fbt-runtime": "^0.9.1",
}

[retyui]

Here is an article about Typescript + fbt where I describe problems that i faced and how to fix them

[Lpaydat]

@retyui I followed your guideline and its work well ❤️.

But recently, after I have upgraded Next.Js from 9.3.5 to 9.5.3, another issue occurred. It has no problem on localhost but on vercel it throw fbt is not defined error.

Maybe it has been removed by webpack as the unused code.