Example App Doesn't work on web on windows

Is there an existing issue for this?

• I have searched the existing issues

Explain what you did

Installed the expo CLI

Fresh cloned the repo and followed the instructions here: https://github.com/react-native-elements/react-native-elements/tree/next/example

Ran yarn install

Ran yarn web

I’m not sure if this issue is because of an incompatible expo version etc.

Expected behavior

Application should run as per instructions

Describe the bug

The app throws the following exceptions and does not run

`…/packages/themed/src/index.ts 131:7 Module parse failed: Unexpected token (131:7) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | | // Components Props exports

export type { | AvatarProps, | BadgeProps, …/packages/base/src/Image/index.tsx 14:7 Module parse failed: Unexpected token (14:7) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | | export { Image }; export type { ImageProps }; | …/packages/base/src/Dialog/index.tsx 14:7 Module parse failed: Unexpected token (14:7) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | }); | export type { | DialogProps, | DialogLoadingProps, …/packages/base/src/helpers/index.tsx 15:7 Module parse failed: Unexpected token (15:7) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | const isIOS = Platform.OS === ‘ios’; | export type StringOmit<K extends string> = K | Omit<string, K>; | | export type RneFunctionComponent<T> = React.FunctionComponent< …/packages/base/src/LinearProgress/index.tsx 16:33 Module parse failed: Unexpected token (16:33) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | */ | const LinearProgress = Object.assign(LinearProgressBase, { INDETERMINATE: ‘indeterminate’ as LinearProgressProps[‘variant’], | DETERMINATE: ‘determinate’ as LinearProgressProps[‘variant’], | }); …/packages/base/src/Card/index.tsx 23:7 Module parse failed: Unexpected token (23:7) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | | export { Card }; export type { | CardProps, | CardDividerProps, …/packages/base/src/ListItem/index.tsx 33:7 Module parse failed: Unexpected token (33:7) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | }); | export type { | ListItemAccordionProps, | ListItemButtonGroupProps, …/packages/base/src/AirbnbRating/index.tsx 4:7 Module parse failed: Unexpected token (4:7) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | | export { AirbnbRating }; export type { TapRatingProps }; | …/packages/base/src/BottomSheet/index.tsx 4:7 Module parse failed: Unexpected token (4:7) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | | export { BottomSheet }; export type { BottomSheetProps }; | …/packages/base/src/Button/index.tsx 4:7 Module parse failed: Unexpected token (4:7) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | | export { Button }; export type { ButtonProps }; | …/packages/base/src/ButtonGroup/index.tsx 4:7 Module parse failed: Unexpected token (4:7) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | | export { ButtonGroup }; export type { ButtonGroupProps }; | …/packages/base/src/CheckBox/index.tsx 4:7 Module parse failed: Unexpected token (4:7) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | | export { CheckBox }; export type { CheckBoxProps }; | …/packages/base/src/Chip/index.tsx 4:7 Module parse failed: Unexpected token (4:7) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | | export { Chip }; export type { ChipProps }; | …/packages/base/src/Divider/index.tsx 4:7 Module parse failed: Unexpected token (4:7) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | | export { Divider }; export type { DividerProps }; | …/packages/base/src/FAB/index.tsx 4:7 Module parse failed: Unexpected token (4:7) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | | export { FAB }; export type { FABProps }; | …/packages/base/src/Header/index.tsx 4:7 Module parse failed: Unexpected token (4:7) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | | export { Header }; export type { HeaderProps }; | …/packages/base/src/Icon/index.tsx 4:7 Module parse failed: Unexpected token (4:7) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | | export { Icon }; export type { IconProps, IconNode, IconObject, IconType }; | …/packages/base/src/Input/index.tsx 4:7 Module parse failed: Unexpected token (4:7) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | | export { Input }; export type { InputProps }; | …/packages/base/src/Overlay/index.tsx 4:7 Module parse failed: Unexpected token (4:7) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | | export { Overlay }; export type { OverlayProps }; | …/packages/base/src/PricingCard/index.tsx 4:7 Module parse failed: Unexpected token (4:7) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | | export { PricingCard }; export type { PricingCardProps }; | …/packages/base/src/Rating/index.tsx 4:7 Module parse failed: Unexpected token (4:7) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | | export { Rating }; export type { SwipeRatingProps }; | …/packages/base/src/Skeleton/index.tsx 4:7 Module parse failed: Unexpected token (4:7) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | | export { Skeleton }; export type { SkeletonProps }; | …/packages/base/src/Slider/index.tsx 4:7 Module parse failed: Unexpected token (4:7) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | | export { Slider }; export type { SliderProps }; | …/packages/base/src/SocialIcon/index.tsx 4:7 Module parse failed: Unexpected token (4:7) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | | export { SocialIcon }; export type { SocialIconProps }; | …/packages/base/src/Switch/index.tsx 4:7 Module parse failed: Unexpected token (4:7) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | | export { Switch }; export type { SwitchProps }; | …/packages/base/src/Text/index.tsx 4:7 Module parse failed: Unexpected token (4:7) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | | export { Text }; export type { TextProps }; | …/packages/base/src/Tile/index.tsx 4:7 Module parse failed: Unexpected token (4:7) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | | export { Tile }; export type { TileProps }; | …/packages/base/src/Tooltip/index.tsx 4:7 Module parse failed: Unexpected token (4:7) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | | export { Tooltip }; export type { TooltipProps }; | …/packages/base/src/Badge/index.tsx 5:7 Module parse failed: Unexpected token (5:7) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | | export { withBadge, Badge }; export type { BadgeProps }; | …/packages/base/src/SearchBar/index.tsx 7:7 Module parse failed: Unexpected token (7:7) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | | export { SearchBar }; export type { | SearchBarProps, | SearchBarAndroidProps, …/packages/base/src/TabView/index.tsx 7:7 Module parse failed: Unexpected token (7:7) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | Item: TabViewItem, | }); export type { TabViewProps, TabViewItemProps }; | …/packages/base/src/Tab/index.tsx 8:7 Module parse failed: Unexpected token (8:7) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | }); | export type { TabProps, TabItemProps }; | …/packages/base/src/SpeedDial/index.tsx 8:7 Module parse failed: Unexpected token (8:7) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | }); | export { DefaultSpeedDial as SpeedDial }; export type { SpeedDialProps, SpeedDialActionProps }; | …/packages/base/src/Avatar/index.tsx 9:7 Module parse failed: Unexpected token (9:7) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | export { Avatar, Accessory }; | export type { AccessoryProps, AvatarProps };`

Steps To Reproduce

Follow instructions using yarn on windows:
https://github.com/react-native-elements/react-native-elements/tree/next/example

The example app will not run

Screenshots

Your Environment

`npx @rneui/envinfo`

npx: installed 2 in 2.032s

npmGlobalPackages:

• expo: Not Found
• typescript: Not Found
• react-native-cli: Not Found

`npm list -g --depth 0`

npm global packages I have installed:

±- expo-cli@5.4.4 ±- firebase-tools@9.20.0 ±- typescript@4.6.4 `-- yarn@1.22.17

[slayer1551]

@slayer1551 which OS?

@arpitBhalla Im running it on Windows 11

[arpitBhalla]

Will work now