props problem with react Compiler and "use client"

[flipUp02]

please fix props like arabic lang with   reactCompiler: true,

export default function MyApp() {
  return <Test text="أضف" />;

  // output is \u0623\u0636\u0641 no أضف this problem with   reactCompiler: true and with "use client" only ,  for all langs not english
}



// test.tsx
"use client"
export function Test({ text }) {
  return <div>{text}</div>;
}

[lubieowoce]

(cross-posted from here: #65909 (comment))

I'm not sure what the problem is, the two strings seem equivalent:

But either way, this is reproducible in the react compiler playground, which means it's a behavior of the React Compiler, and not something specific to Next.js. If there's a problem with that output, please file an issue in the React repo.

[flipUp02]

if use two client components with react

check this
https://github.com/flipUp02/nextjs

@lubieowoce

[flipUp02]

The word should appear exactly as it does on the page "أضف" . But this does not happen. Its code is shown instead "in Unicode".

By the way, this problem is in Japanese and Chinese as well.

You can try the word 追加 in Japanese which means to add. What will appear is: \u8FFD\u52A0 not 追加

@lubieowoce

[flipUp02]

This is the error that appears.

[flipUp02]

But without reactCompiler:true, it works fine without error

[lubieowoce]

This was a bug in the react compiler, and it was fixed here a couple hours ago:
facebook/react#29141
I tested it, and your issue will be solved by upgrading to babel-plugin-react-compiler@latest.

Please bear in mind that the compiler is experimental, being constantly worked on, and possibly changing by the hour. You should always check if your problem still exists on the latest version of the compiler before reporting it, because it may have been fixed already!

[flipUp02]

@lubieowoce thanks for help me . now it is work