backstage: Upgrade react to 18 on branch smartshift-smith-m-1690298774

[smith-m]

backstage

Tasks

New APIs for Libraries

In the React 18 Working Group we worked with library maintainers to create new APIs needed to support concurrent rendering for use cases specific to their use case in areas like styles, and external stores.

Instructions

• Use 'useInsertionEffect' for CSS-in-JS libraries to address performance issues of injecting styles in render
  • microsite/src/pages/home/_hubSpotNewAdoptersForm.tsx

Update TypeScript definitions

If your project uses TypeScript, you will need to update your @types/react and @types/react-dom dependencies to the latest versions.

Instructions

• Explicitly list the 'children' prop when defining props
  • microsite/src/components/simpleCard/simpleCard.tsx
  • microsite/src/pages/on-demand/_onDemandCard.tsx
  • microsite/src/pages/plugins/_pluginCard.tsx

Upgrade repo

npm upgrade

Instructions

• Upgrade repo library
  • migrations/backstage/backstage/backstage/microsite/package.json
  • migrations/backstage/backstage/backstage/microsite/yarn.lock

Errors

Update TypeScript definitions

If your project uses TypeScript, you will need to update your @types/react and @types/react-dom dependencies to the latest versions.

Instructions

• Explicitly list the 'children' prop when defining props
  • migrations/backstage/backstage/backstage/microsite/src/pages/demos/index.tsx: migrations/backstage/backstage/backstage/microsite/src/pages/demos/index.tsx for task: Update TypeScript definitions, step: Explicitly list the 'children' prop when defining props exceeds 2000 tokens and not currently supported.

[smith-m]

Why did the migration remove this constant?