Проблема с MaterialSharedAxis Transition

Я пытаюсь реализовать один из компонентов библиотеки material MaterialSharedAxis для анимации перехода между двумя фрагментами. Проблема заключается в том, что второй фрагмент анимируется так, как надо, а первый почему-то делится на два элемента, который сдвигается и который исчезает, я уже перепробовал много вариантов, но ничего не выходит, подскажите кто знает как это исправить. Код в OnCreate первого фрагмента

MaterialSharedAxis backward = MaterialSharedAxis.create(requireContext(), MaterialSharedAxis.X, false);
setReenterTransition(backward);

MaterialSharedAxis forward = MaterialSharedAxis.create(requireContext(), MaterialSharedAxis.X, true);
setExitTransition(forward);

Код в OnCreate второго фрагмента

MaterialSharedAxis forward = MaterialSharedAxis.create(requireContext(), MaterialSharedAxis.X, true);
setEnterTransition(forward);

MaterialSharedAxis backward = MaterialSharedAxis.create(requireContext(), MaterialSharedAxis.X, false);
setReturnTransition(backward);

Переход между ними

public void First_On_Click(View v) {
        getSupportFragmentManager()
                .beginTransaction()
                .replace(R.id.nav_host_fragment,BlankFragment.class,null)
                .commit();
    }

    public void Sec_On_Click(View v) {
        getSupportFragmentManager()
                .beginTransaction()
                .replace(R.id.nav_host_fragment,BlankFragment2.class,null)
                .commit();
    }

Проблема