[roryabraham]

Summary

Web Defs did not declare children on its props generic, so TypeScript consumers that resolve .web first (e.g. moduleSuffixes: [".web", ""]) rejected <Defs>{children}</Defs>.

This showed up in Expensify App: Expensify/App#99495

Native Defs (src/elements/Defs.tsx) is Component<React.PropsWithChildren>. Sibling web classes (G, Mask, Symbol, ClipPath, etc.) already pass WebShape<BaseProps & XProps>. Web Defs was the only one extending bare WebShape.

Implementation: export class Defs extends WebShape<PropsWithChildren<BaseProps>> in src/elements.web.ts. Types-only; no runtime change.

Impact: web TypeScript declarations only.

Test Plan

Type-only; no device or simulator test.

With moduleSuffixes: [".web", ""], tsc should accept:

<Defs>
  <Filter />
</Defs>

What's required for testing (prerequisites)?

TypeScript consumer that resolves react-native-svg via .web suffixes.

What are the steps to reproduce (after prerequisites)?

1. Use <Defs> with children against the web declaration.
2. Confirm tsc no longer errors that children is not a valid prop.

Compatibility

OS	Implemented
iOS	❌
MacOS	❌
Android	❌
Web	✅

Types-only web.

Checklist

• I have tested this on a device and a simulator
• I added documentation in README.md
• I updated the typed files (typescript)
• I added a test for the API in the __tests__ folder

[jakex7]

Thank you!