File tree Expand file tree Collapse file tree 13 files changed +3
-20
lines changed
rsc-parcel-framework/app/routes
rsc-vite-framework/app/routes Expand file tree Collapse file tree 13 files changed +3
-20
lines changed Original file line number Diff line number Diff line change 11import * as React from "react" ;
2- // @ts -expect-error - no types
32import { renderToReadableStream } from "react-dom/server.edge" assert { env : "react-client" } ;
43import {
54 unstable_routeRSCServerRequest ,
Original file line number Diff line number Diff line change @@ -28,7 +28,6 @@ setServerCallback(
2828
2929// Get and decode the initial server payload
3030createFromReadableStream ( getRSCStream ( ) ) . then ( ( payload : RSCPayload ) => {
31- // @ts -expect-error - on 18 types, requires 19.
3231 startTransition ( async ( ) => {
3332 const formState =
3433 payload . type === "render" ? await payload . formState : undefined ;
Original file line number Diff line number Diff line change 1- // @ts -expect-error - no types for this yet
21import { renderToReadableStream as renderHTMLToReadableStream } from "react-dom/server.edge" ;
32import {
43 unstable_routeRSCServerRequest as routeRSCServerRequest ,
@@ -29,6 +28,7 @@ export async function prerender(
2928 < RSCStaticRouter getPayload = { getPayload } /> ,
3029 {
3130 bootstrapScriptContent,
31+ // @ts -expect-error - no types for this yet
3232 formState,
3333 } ,
3434 ) ;
Original file line number Diff line number Diff line change 11import { createFromReadableStream } from "@vitejs/plugin-rsc/ssr" ;
2- // @ts -expect-error
32import * as ReactDomServer from "react-dom/server.edge" ;
43import {
54 unstable_RSCStaticRouter as RSCStaticRouter ,
Original file line number Diff line number Diff line change @@ -12,7 +12,6 @@ export function ServerComponent({ loaderData }: Route.ComponentProps) {
1212 < h1 className = "home__heading" > Home</ h1 >
1313 < p > This is the home page.</ p >
1414 < p > loaderData: { loaderData } </ p >
15- { /* @ts -expect-error React types for the repo are set to v18 */ }
1615 < form action = { log } >
1716 < button type = "submit" > Submit</ button >
1817 </ form >
Original file line number Diff line number Diff line change 11"use client" ;
22
33import {
4- // @ts -expect-error React types for the repo are set to v18
54 useOptimistic ,
65} from "react" ;
76import { useHydrated } from "remix-utils/use-hydrated" ;
@@ -17,13 +16,11 @@ export function ToggleLikedForm({
1716
1817 const [ optimisticLiked , setOptimisticLiked ] = useOptimistic ( liked ) ;
1918 const toggleLikedActionOptimistic = async ( ) => {
20- // @ts -expect-error React types for the repo are set to v18
2119 setOptimisticLiked ( ( liked ) => ! liked ) ;
2220 await toggleLikedAction ( ) ;
2321 } ;
2422
2523 return (
26- // @ts -expect-error React types for the repo are set to v18
2724 < form action = { hydrated ? toggleLikedActionOptimistic : toggleLikedAction } >
2825 < button type = "submit" className = "btn" >
2926 { optimisticLiked ? "Unlike" : "Like" }
Original file line number Diff line number Diff line change 11import { createRequestListener } from "@mjackson/node-fetch-server" ;
22import express from "express" ;
3- // @ts -expect-error - no types
43import { renderToReadableStream as renderHTMLToReadableStream } from "react-dom/server.edge" assert { env : "react-client" } ;
54import {
65 unstable_routeRSCServerRequest as routeRSCServerRequest ,
Original file line number Diff line number Diff line change @@ -12,7 +12,6 @@ export function ServerComponent({ loaderData }: Route.ComponentProps) {
1212 < h1 className = "home__heading" > Home</ h1 >
1313 < p > This is the home page.</ p >
1414 < p > loaderData: { loaderData } </ p >
15- { /* @ts -expect-error React types for the repo are set to v18 */ }
1615 < form action = { log } >
1716 < button type = "submit" > Submit</ button >
1817 </ form >
Original file line number Diff line number Diff line change 11"use client" ;
22
33import {
4- // @ts -expect-error React types for the repo are set to v18
54 useOptimistic ,
65} from "react" ;
76import { useHydrated } from "remix-utils/use-hydrated" ;
@@ -17,13 +16,11 @@ export function ToggleLikedForm({
1716
1817 const [ optimisticLiked , setOptimisticLiked ] = useOptimistic ( liked ) ;
1918 const toggleLikedActionOptimistic = async ( ) => {
20- // @ts -expect-error React types for the repo are set to v18
2119 setOptimisticLiked ( ( liked ) => ! liked ) ;
2220 await toggleLikedAction ( ) ;
2321 } ;
2422
2523 return (
26- // @ts -expect-error React types for the repo are set to v18
2724 < form action = { hydrated ? toggleLikedActionOptimistic : toggleLikedAction } >
2825 < button type = "submit" className = "btn" >
2926 { optimisticLiked ? "Unlike" : "Like" }
Original file line number Diff line number Diff line change @@ -16,7 +16,6 @@ export async function fetchServer(request: Request) {
1616 decodeAction,
1717 loadServerAction,
1818 request,
19- // @ts -expect-error
2019 routes,
2120 generateResponse ( match , options ) {
2221 return new Response ( renderToReadableStream ( match . payload , options ) , {
You can’t perform that action at this time.
0 commit comments