@@ -206,8 +206,7 @@ and check out the new behavior:
206206<Sandpack >
207207
208208``` js src/App.js active
209- import { useState } from ' react' ; import { unstable_Activity , Activity as ActivityStable } from ' react' ; let Activity = ActivityStable ?? unstable_Activity;
210-
209+ import { Activity , useState } from ' react' ;
211210import Sidebar from ' ./Sidebar.js' ;
212211
213212export default function App () {
@@ -426,7 +425,7 @@ If we switch to using an Activity boundary to show and hide the active tab, we c
426425<Sandpack >
427426
428427``` js src/App.js active
429- import { useState } from ' react ' ; import { unstable_Activity , Activity as ActivityStable } from ' react' ; let Activity = ActivityStable ?? unstable_Activity ;
428+ import { useState , Activity } from ' react' ;
430429import TabButton from ' ./TabButton.js' ;
431430import Home from ' ./Home.js' ;
432431import Contact from ' ./Contact.js' ;
@@ -704,7 +703,7 @@ Try clicking the Posts tab now:
704703<Sandpack >
705704
706705``` js src/App.js
707- import { useState , Suspense } from ' react ' ; import { unstable_Activity , Activity as ActivityStable } from ' react' ; let Activity = ActivityStable ?? unstable_Activity ;
706+ import { useState , Suspense , Activity } from ' react' ;
708707import TabButton from ' ./TabButton.js' ;
709708import Home from ' ./Home.js' ;
710709import Posts from ' ./Posts.js' ;
@@ -1128,7 +1127,7 @@ Let's update `App` to hide the inactive tab with a hidden Activity boundary inst
11281127<Sandpack >
11291128
11301129``` js src/App.js active
1131- import { useState } from ' react ' ; import { unstable_Activity , Activity as ActivityStable } from ' react' ; let Activity = ActivityStable ?? unstable_Activity ;
1130+ import { useState , Activity } from ' react' ;
11321131import TabButton from ' ./TabButton.js' ;
11331132import Home from ' ./Home.js' ;
11341133import Video from ' ./Video.js' ;
@@ -1262,7 +1261,7 @@ Let's see the new behavior. Try playing the video, switching to the Home tab, th
12621261<Sandpack >
12631262
12641263``` js src/App.js active
1265- import { useState } from ' react ' ; import { unstable_Activity , Activity as ActivityStable } from ' react' ; let Activity = ActivityStable ?? unstable_Activity ;
1264+ import { useState , Activity } from ' react' ;
12661265import TabButton from ' ./TabButton.js' ;
12671266import Home from ' ./Home.js' ;
12681267import Video from ' ./Video.js' ;
0 commit comments