Como colocar o valor do viewbag como uma variável em javascript / jquery?

Tento colocar duas variáveis ​​em JQuery que vieram de viewbags:

        $("#btnAdd").click(function () {
        var url = dev + "/Legacy/PutContentInThematic";
        var GroupingId = $("#GroupingId_Dialog").val();            
        var Title = $("#Title_Dialog").val();
        var Synopsis = $("#Description_Dialog").val();
        var image = $("#Image_Dialog").val();
        var ThematicId = @ViewBag.thematicid //Here i can't put ';'
        var ThematicName =  @ViewBag.Name

        $.ajax({
            url: url,
            cache: false,
            type: 'POST',
            data: {
                GroupingId: GroupingId,
                ThematicId: ThematicId,
                Title: Title,
                Synopsis: Synopsis,
                Image: image,
                ThematicName: ThematicName
            }
        });
    });

O problema diz respeito às duas últimas variáveis ​​"ThematicId" e "ThematicName", é impossível colocar ';' no final, para que a segunda variável ThematicName não funcione.

Tento tirar essa variável da função, mas não trabalho mais. Você tem alguma ideia para consertá-lo ou outra solução para esta chamada Ajax?