diff --git a/packages/rn-tester/js/examples/Animated/AnimatedExample.js b/packages/rn-tester/js/examples/Animated/AnimatedExample.js index 4a4158aa09c268..e0b2a23ebe511a 100644 --- a/packages/rn-tester/js/examples/Animated/AnimatedExample.js +++ b/packages/rn-tester/js/examples/Animated/AnimatedExample.js @@ -4,13 +4,11 @@ * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. * + * @flow strict-local * @format - * @flow */ -'use strict'; - -import type {RNTesterExampleModuleItem} from '../../types/RNTesterTypes'; +import type {RNTesterExampleModule} from '../../types/RNTesterTypes'; import RotatingImagesExample from './RotatingImagesExample'; import ContinuousInteractionsExample from './ContinuousInteractionsExample'; import LoopingExample from './LoopingExample'; @@ -19,20 +17,21 @@ import FadeInViewExample from './FadeInViewExample'; import ComposeAnimationsWithEasingExample from './ComposeAnimationsWithEasingExample'; import TransformBounceExample from './TransformBounceExample'; -exports.framework = 'React'; -exports.title = 'Animated - Examples'; -exports.category = 'UI'; -exports.documentationURL = 'https://reactnative.dev/docs/animated'; -exports.description = ('Animated provides a powerful ' + - 'and easy-to-use API for building modern, ' + - 'interactive user experiences.': string); - -exports.examples = ([ - FadeInViewExample, - ComposeAnimationsWithEasingExample, - RotatingImagesExample, - MovingBoxExample, - TransformBounceExample, - LoopingExample, - ContinuousInteractionsExample, -]: Array); +export default ({ + framework: 'React', + title: 'Animated', + category: 'UI', + documentationURL: 'https://reactnative.dev/docs/animated', + description: + 'Library designed to make animations fluid, powerful, and painless to ' + + 'build and maintain.', + examples: [ + FadeInViewExample, + ComposeAnimationsWithEasingExample, + RotatingImagesExample, + MovingBoxExample, + TransformBounceExample, + LoopingExample, + ContinuousInteractionsExample, + ], +}: RNTesterExampleModule); diff --git a/packages/rn-tester/js/utils/RNTesterList.android.js b/packages/rn-tester/js/utils/RNTesterList.android.js index c2fb188fe2ee11..8e5d50a31a63e2 100644 --- a/packages/rn-tester/js/utils/RNTesterList.android.js +++ b/packages/rn-tester/js/utils/RNTesterList.android.js @@ -175,7 +175,7 @@ const APIExamples: Array = [ { key: 'AnimatedExample', category: 'UI', - module: require('../examples/Animated/AnimatedExample'), + module: require('../examples/Animated/AnimatedExample').default, }, { key: 'Animation - GratuitousAnimation', diff --git a/packages/rn-tester/js/utils/RNTesterList.ios.js b/packages/rn-tester/js/utils/RNTesterList.ios.js index 5e6643338e229a..8911d168f789b8 100644 --- a/packages/rn-tester/js/utils/RNTesterList.ios.js +++ b/packages/rn-tester/js/utils/RNTesterList.ios.js @@ -216,7 +216,7 @@ const APIExamples: Array = [ }, { key: 'AnimatedExample', - module: require('../examples/Animated/AnimatedExample'), + module: require('../examples/Animated/AnimatedExample').default, supportsTVOS: true, }, {