You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file

[rashed-iqbal]

🐛 Bug Report

./node_modules/@ui-kitten/components/ui/input/input.component.js 105:38 Module parse failed: Unexpected token (105:38) 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
| this.webEventResponder = devsupport_1.WebEventResponder.create(this);
| this.focus = () => {

        this.textInputRef.current?.focus();

| }; | this.blur = () => { ./node_modules/@ui-kitten/components/ui/tab/tabBar.component.js 137:37 Module parse failed: Unexpected token (137:37) 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
| } | scrollToIndex(params) { this.tabIndicatorRef.current?.scrollToIndex(params); | } | scrollToOffset(params) { ./node_modules/@ui-kitten/components/ui/popover/popover.component.js 148:38 Module parse failed: Unexpected token (148:38) 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
| } | componentWillUnmount() { this.hardwareBackSubscription?.remove(); | this.hide(); | } ./node_modules/@ui-kitten/components/ui/select/select.component.js 169:36 Module parse failed: Unexpected token (169:36) 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
| this.expandAnimation = new react_native_1.Animated.Value(0); | this.show = () => { this.popoverRef.current?.show(); | }; | this.hide = () => { ./node_modules/@ui-kitten/components/ui/datepicker/baseDatepicker.component.js 26:36 Module parse failed: Unexpected token (26:36) 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
| this.popoverRef = react_1.default.createRef(); | this.show = () => { this.popoverRef.current?.show(); | }; | this.hide = () => { ./node_modules/@ui-kitten/components/ui/list/list.component.js 50:33 Module parse failed: Unexpected token (50: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
| this.listRef = react_1.default.createRef(); | this.scrollToEnd = (params) => { this.listRef.current?.scrollToEnd(params); | }; | this.scrollToIndex = (params) => { ./node_modules/@ui-kitten/components/ui/icon/icon.component.js 62:27 Module parse failed: Unexpected token (62:27) 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
| super(props); | this.startAnimation = (callback) => { this.animation?.start(callback); | }; | this.stopAnimation = () => { ./node_modules/@ui-kitten/components/ui/tooltip/tooltip.component.js 90:36 Module parse failed: Unexpected token (90:36) 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
| this.popoverRef = react_1.default.createRef(); | this.show = () => { this.popoverRef.current?.show(); | }; | this.hide = () => { ./node_modules/@ui-kitten/components/ui/calendar/baseCalendar.component.js 93:47
Module parse failed: Unexpected token (93:47) 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
| visibleDate: nextVisibleDate, | }, () => { this.props.onVisibleDateChange?.(this.state.visibleDate, this.state.viewMode.id); | }); | }; ./node_modules/@ui-kitten/components/ui/autocomplete/autocomplete.component.js 95:36 Module parse failed: Unexpected token (95:36) 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
| this.inputRef = react_1.default.createRef(); | this.show = () => { this.popoverRef.current?.show(); | }; | this.hide = () => { ./node_modules/@ui-kitten/components/ui/overflowMenu/overflowMenu.component.js 99:36 Module parse failed: Unexpected token (99:36) 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
| this.popoverRef = react_1.default.createRef(); | this.show = () => { this.popoverRef.current?.show(); | }; | this.hide = () => {

To Reproduce

Steps to reproduce the behavior:

Expected behavior

Link to runnable example or repository (highly encouraged)

UI Kitten and Eva version

Package	Version
@eva-design/eva
@ui-kitten/components

Environment information

[malashkevich]

@rashed-iqbal could you please describe what you are trying to achieve? It's not clear from the error above.

[roman-teamsystems]

I have the same issue after installing @ui-kitten/components in my project with expo. But this one solved my issue:

https://github.com/akveo/react-native-ui-kitten/issues/1535