@@ -20,6 +20,9 @@ import {
2020} from './elements' ;
2121import { Sandbox } from '../../types' ;
2222
23+ const Springg = Spring as any ;
24+ const Transitionn = Transition as any ;
25+
2326const SandboxIcon = ( { template } ) => {
2427 const Icon = getIcon ( template ) ;
2528
@@ -145,7 +148,7 @@ export default class FeaturedSandbox extends React.PureComponent<
145148 < Title > { title } </ Title >
146149 < Description > { description } </ Description >
147150 { sandbox && (
148- < Spring
151+ < Springg
149152 from = { { height : 0 , opacity : 0 , overflow : 'hidden' } }
150153 to = { { height : 28 , opacity : 1 } }
151154 >
@@ -157,12 +160,12 @@ export default class FeaturedSandbox extends React.PureComponent<
157160 forkCount = { sandbox . forkCount }
158161 />
159162 ) }
160- </ Spring >
163+ </ Springg >
161164 ) }
162165 </ SandboxInfo >
163166
164167 { sandbox && (
165- < Spring
168+ < Springg
166169 native
167170 from = { { height : 0 , opacity : 0 , overflow : 'hidden' } }
168171 to = { { height : 28 , opacity : 1 } }
@@ -180,7 +183,7 @@ export default class FeaturedSandbox extends React.PureComponent<
180183 < SandboxIcon template = { sandbox . template } />
181184 </ animated . div >
182185 ) }
183- </ Spring >
186+ </ Springg >
184187 ) }
185188 </ SandboxContainer >
186189
@@ -211,7 +214,7 @@ export default class FeaturedSandbox extends React.PureComponent<
211214 </ SandboxPreviewImage >
212215 </ div >
213216 ) : (
214- < Transition
217+ < Transitionn
215218 items = { this . state . showPreview as any }
216219 from = { { flex : 1 , opacity : 1 } }
217220 enter = { { opacity : 1 , flex : 1 } }
@@ -281,7 +284,7 @@ export default class FeaturedSandbox extends React.PureComponent<
281284 </ animated . div >
282285 )
283286 }
284- </ Transition >
287+ </ Transitionn >
285288 ) }
286289 </ Container >
287290 ) ;
0 commit comments