Снимок фермента, показывающий [объект, объект] для мелких снимков рендеринга

Question

Я тестирую свое родное приложение, используя шутки и энзимы. У меня есть эта компонентная структура.

<KeyboardAvoidingView>
   <ScrollView>
      <Image/>
      <Text/>
      <TextInput/>
      <TextInput/>
      <GradientButton/>
      <View>
         <View>
            <TouchableOpacity>
               <View>
                  <Text/>
                  <Icon/>
               </View>
            </TouchableOpacity>
         </View>
      </View>
   </ScrollView>
</KeyboardAvoidingView>

Вот мой тестовый пример

import Login from "../index";
import React from 'react';
import { shallow } from 'enzyme';
import globalStyles from '../../../../../global/styles';


let theme = 'DefaultTheme', wrapper;

const createTestProps = (props) => ({
    navigation: {
        navigate: jest.fn()
    },
    theme: theme,
    globalStyles: globalStyles(theme),
    session: {},
    changeScene: jest.fn(),
    changeTheme: jest.fn(),
    setUser: jest.fn(),
    logout: jest.fn(),
    ...props
});
beforeEach(() => {
    const props = createTestProps({});
    wrapper = shallow(<Login {...props} />);
});
test('should render login component correctly', () => {
   expect(wrapper).toMatchSnapshot();
});

Снимки всех компонентов отображаются правильно, но мой пользовательский компонент Gradient Button показывает структуру этого типа

<[object Object]/>

Из-за этого я также получаю это предупреждение в консоли

Предупреждение: React.createElement: тип недействителен - ожидал строку (для встроенных компонентов) или функцию класса /f (для составных компонентов), но получил: объект.

Нужна помощь, что я делаю не так.