Enhancement: Use displayName for better to investigate on prod

[fResult]

• [x] Use the proper components' type
• [x] Assign displayName for better investigating with ReactDevtools on the prod. (without displayName, it will don't know the component's name in the dev tools)
  

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated
thread-gpt	✅ Ready (Inspect)	Visit Preview	💬 Add your feedback	Mar 11, 2023 at 10:01AM (UTC)

[dtinth]

@fResult I’m not sure about the displayName thing. When developing do you use pnpm run dev? If the component names show up when using pnpm run dev then no need to add displayName.

[dtinth]

Ohh, I just saw the title — on production. I don’t think it is necessary because it adds a maintenance burden. I want to keep this project as lean as possible.

On the component type, the convention for this project is this:

interface MyComponent {}
function MyComponent(props: MyComponent) {
  return <></>
}

So, no need to change to FC. That’s an extra import.

[fResult]

Okay, I see. Thanks for sharing krub.

Can I close PR?

[dtinth]

Sure, let’s close this for now. Cheers!