Using Angular TemplateRef Error"Cannot read properties of undefined (reading 'createEmbeddedView')"

[arammarm]

I'm using angular version 12

I used the exact example from the documentation page. http://l-lin.github.io/angular-datatables/#/advanced/using-template-ref

But I got this error. is this example compatible with the angular version.

ERROR Error: Uncaught (in promise): TypeError: Cannot read properties of undefined (reading 'createEmbeddedView')
TypeError: Cannot read properties of undefined (reading 'createEmbeddedView')
    at ViewContainerRef.createEmbeddedView (core.js:23176:1)
    at angular-datatables.directive.js:109:1
    at Array.forEach (<anonymous>)
    at DataTableDirective.applyNgRefTemplate (angular-datatables.directive.js:97:1)
    at S.fn.init.rowCallback (angular-datatables.directive.js:61:1)
    at node_modules\datatables.net\js\jquery.dataTables.min.js:91:89
    at Function.map (node_modules\jquery\dist\jquery.min.js:2:3523)
    at F (node_modules\datatables.net\js\jquery.dataTables.min.js:91:40)
    at ja (node_modules\datatables.net\js\jquery.dataTables.min.js:43:110)
    at Qb (node_modules\datatables.net\js\jquery.dataTables.min.js:53:283)
    at resolvePromise (zone.js:1211:1)
    at zone.js:1118:1
    at asyncGeneratorStep (asyncToGenerator.js:6:1)
    at _next (asyncToGenerator.js:25:1)
    at _ZoneDelegate.invoke (zone.js:372:1)
    at Object.onInvoke (core.js:28692:1)
    at _ZoneDelegate.invoke (zone.js:371:1)
    at Zone.run (zone.js:134:1)
    at zone.js:1275:1
    at _ZoneDelegate.invokeTask (zone.js:406:1)