__unstable_donotuse_reportAllBailouts: Where does compiler bailout in your codebase?

[aeharding]

Hi there!

I am enabling react compiler in production for https://github.com/aeharding/voyager.

As a fun experiment, I enabled __unstable_donotuse_reportAllBailouts. I found out a lot of issues were fixable by refactoring code. However, I have some issues that are simply unsupported javascript features.

Here's a compiled summary of bailouts (thanks, chatgpt):

---

Grouped Lint Issues Summary

1. Handle TryStatement without a catch clause

   • Occurrences: 23
   • Example: src/features/auth/login/join/Captcha.tsx:81

2. Handle TryStatement with a finalizer ('finally') clause

   • Occurrences: 18
   • Example: src/features/auth/AccountSwitcher.tsx:53

3. Unhandled JsxElement, got: JSXSpreadChild

   • Occurrences: 12
   • Example: src/features/comment/inTree/Comments.tsx:88

4. Support value blocks (conditional, logical, optional chaining, etc) within a try/catch statement

   • Occurrences: 6
   • Example: src/features/comment/useCommentActions.ts:56

5. Handle ThisExpression expressions

   • Occurrences: 2
   • Example: src/features/media/gallery/GalleryGif.tsx:10

6. Support ThrowStatement inside of try/catch

   • Occurrences: 2
   • Example: src/features/shared/markdown/editing/modal/contents/CommentReplyPage.tsx:63

7. Handle Import expressions

   • Occurrences: 1
   • Example: src/features/media/gallery/GalleryProvider.tsx:56

8. Expected Identifier, got TSAsExpression key in ObjectExpression

   • Occurrences: 1
   • Example: src/features/moderation/ban/BanUser.tsx:51

Total Bailouts: 70

---

If you want to see these issues on a real codebase-

git clone git@github.com:aeharding/voyager.git
pnpm i
RCALL=1 pnpm lint # RCALL defined in compilerOptions.js

here's the raw lint logs: lint-logs.txt