@@ -190,7 +190,7 @@ and check out the new behavior:
190190<Sandpack >
191191
192192``` js src/App.js active
193- import { useState } from ' react ' ; import { unstable_Activity , Activity as ActivityStable } from ' react' ; let Activity = ActivityStable ?? unstable_Activity ;
193+ import { Activity , useState } from ' react' ;
194194
195195import Sidebar from ' ./Sidebar.js' ;
196196
@@ -376,7 +376,7 @@ If we switch to using an Activity boundary to show and hide the active tab, we c
376376<Sandpack >
377377
378378``` js src/App.js active
379- import { useState } from ' react ' ; import { unstable_Activity , Activity as ActivityStable } from ' react' ; let Activity = ActivityStable ?? unstable_Activity ;
379+ import { Activity , useState } from ' react' ;
380380import TabButton from ' ./TabButton.js' ;
381381import Home from ' ./Home.js' ;
382382import Contact from ' ./Contact.js' ;
@@ -620,7 +620,7 @@ Try clicking the Posts tab now:
620620<Sandpack >
621621
622622``` js src/App.js
623- import { useState , Suspense } from ' react' ; import { unstable_Activity , Activity as ActivityStable } from ' react ' ; let Activity = ActivityStable ?? unstable_Activity ;
623+ import { Activity , useState , Suspense } from ' react' ;
624624import TabButton from ' ./TabButton.js' ;
625625import Home from ' ./Home.js' ;
626626import Posts from ' ./Posts.js' ;
@@ -1010,7 +1010,7 @@ Let's update `App` to hide the inactive tab with a hidden Activity boundary inst
10101010<Sandpack >
10111011
10121012``` js src/App.js active
1013- import { useState } from ' react ' ; import { unstable_Activity , Activity as ActivityStable } from ' react' ; let Activity = ActivityStable ?? unstable_Activity ;
1013+ import { Activity , useState } from ' react' ;
10141014import TabButton from ' ./TabButton.js' ;
10151015import Home from ' ./Home.js' ;
10161016import Video from ' ./Video.js' ;
@@ -1127,7 +1127,7 @@ Let's see the new behavior. Try playing the video, switching to the Home tab, th
11271127<Sandpack >
11281128
11291129``` js src/App.js active
1130- import { useState } from ' react ' ; import { unstable_Activity , Activity as ActivityStable } from ' react' ; let Activity = ActivityStable ?? unstable_Activity ;
1130+ import { Activity , useState } from ' react' ;
11311131import TabButton from ' ./TabButton.js' ;
11321132import Home from ' ./Home.js' ;
11331133import Video from ' ./Video.js' ;
0 commit comments