Не хочет регистрироваться hbs helper

Проблема такова, что шаблон не видит кастомный хелпер

Uncaught (in promise) Exception {description: undefined, fileName: undefined, lineNumber: undefined, endLineNumber: undefined, message: "Missing helper: "separation"", …}

js

import "./scss/index.scss";
import commits from "./components/more_commits.hbs";
import Handlebars from "handlebars";

import separation from "./hbsHelpers/separateExtensions";

const rootElement = document.querySelector("#app");



fetch("/data.json")
    .then(res => res.json())
    .then((data) => {
        console.log(data);
        const { subtitle, title, users } = data[0].data;
        const templateData = {
            subtitle,
            title,
            users
        };
        Handlebars.registerHelper("separation", separation);

        rootElement.innerHTML = commits(templateData);
    });

мой шаблон

<h1 class="header">{{title}}</h1>
<p class="sprint-num">{{subtitle}}</p>
<div class="leaderboard">
    {{#each users}}
    <div class="leaderboard__item">
        <div class="leaderboard__people">
            <div class="leaderboard__image-box">
                <img src="./assets/img/{{separation avatar}}" alt="people" class="leaderboard__image">
            </div>
            <div class="leaderboard__people-name">{{name}}</div>
            <div class="leaderboard__commits">{{valueText}}</div>
        </div>
        <div class="leaderboard__place">
            2
        </div>
    </div>
    {{/each}}
</div>