Update tests and code to satisfy new React APIs and type changes

Author: gnoff

packages/next/src/lib/metadata/metadata.tsx

@@ -129,6 +129,5 @@ export function createMetadataComponents({
     return null
   }
 
-  // @ts-expect-error async server components
   return [MetadataTree, MetadataOutlet]
 }

packages/next/src/server/app-render/required-scripts.tsx

@@ -5,7 +5,7 @@ import ReactDOM from 'react-dom'
 export function getRequiredScripts(
   buildManifest: BuildManifest,
   assetPrefix: string,
-  crossOrigin: string | undefined,
+  crossOrigin: undefined | '' | 'anonymous' | 'use-credentials',
   SRIManifest: undefined | Record<string, string>,
   qs: string,
   nonce: string | undefined

packages/next/src/server/app-render/walk-tree-with-flight-router-state.tsx

@@ -135,7 +135,6 @@ export async function walkTreeWithFlightRouterState({
           ? null
           : // Create component tree using the slice of the loaderTree
 
-            // @ts-expect-error TODO-APP: fix async component type
             React.createElement(async () => {
               const { Component } = await createComponentTree(
                 // This ensures flightRouterPath is valid and filters down the tree

packages/react-dev-overlay/src/internal/components/ShadowPortal.tsx

@@ -6,10 +6,10 @@ export type ShadowPortalProps = {
   globalOverlay?: boolean
 }
 
-export const ShadowPortal: React.FC<ShadowPortalProps> = function Portal({
+export const ShadowPortal = function Portal({
   children,
   globalOverlay,
-}) {
+}: ShadowPortalProps) {
   let mountNode = React.useRef<HTMLDivElement | null>(null)
   let portalNode = React.useRef<HTMLElement | null>(null)
   let shadowNode = React.useRef<ShadowRoot | null>(null)