Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Support React 18 + TypeScript
See original GitHub issueWhat happened and what did you expect to happen?
After upgrading to React 18 in my Typescript project, I experienced several type related issues. This is because of the decision of the React team to remove implicit children (see https://github.com/DefinitelyTyped/DefinitelyTyped/pull/56210).
There is a codemode provided which basically wraps all the props with React.PropsWithChildren<YourProps> which could come in handy for you.
Have you reviewed our existing documentation?
- Amazon Chime SDK for JavaScript GitHub issues
- Amazon Chime SDK React Components Library GitHub issues
- Storybook documentation
- README page
- How-to documentation
- React SDK meeting demo
Reproduction steps
- Upgrade to React 18 in a TypeScript project
- Notice how the MeetingProvider (and several other elements) have type issues related to the React team’s decision to remove implicit children from the FC type.
Amazon Chime SDK React Components Library version
3.0.0
What browsers are you seeing the problem on?
N/A
Browser version
N/A
Device Information
N/A
Meeting and Attendee ID Information.
No response
Browser console logs
N/A
Add any other context about the problem here.
No response
Issue Analytics
- State:
- Created a year ago
- Reactions:19
- Comments:17 (5 by maintainers)
Top Results From Across the Web
Upgrading to React 18 with TypeScript - LogRocket Blog
The upgrade of the React type definitions to support React 18 involved some significant breaking changes that developers should know about.
Read more >How to Upgrade to React 18
Updates to Client Rendering APIs. When you first install React 18, you will see a warning in the console: ReactDOM.render is no longer...
Read more >How to use it with TypeScript and React 18? #2401 - GitHub
@hello-pangea/dnd now supports React 18 and react strict mode (and is fully written in TypeScript)!. npm install @hello-pangea/dnd; Replace ...
Read more >React sur Twitter : "The React 18 TypeScript typings are out ...
The React 18 TypeScript typings are out! As with most major releases, they include breaking changes to the types themselves. You can learn...
Read more >How Children Types Work In React 18 And TypeScript 4
string literals (also includes numbers which are coerced to HTML strings) · JSX children (aka, nested react components) · functions (for custom ...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Thanks for reporting this issue. We will provide more updates as we make progress. But for now we are tracking this internally.
+1 Please. Is there any timeframe as of yet?