diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7d8e11a..44529a9 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,12 @@
 
 
+## [1.2.0](https://github.com/angular-threejs/postprocessing/compare/1.1.0...1.2.0) (2023-02-08)
+
+
+### Features
+
+* update angular-three and *ref ([94692a6](https://github.com/angular-threejs/postprocessing/commit/94692a60244ed565fb14bf89b3236aeb2e391f7a))
+
 ## [1.1.0](https://github.com/angular-threejs/postprocessing/compare/1.0.2...1.1.0) (2023-02-05)
 
 
diff --git a/libs/angular-three-postprocessing/effects/src/lib/lut/lut.ts b/libs/angular-three-postprocessing/effects/src/lib/lut/lut.ts
index 91c29f3..0583d07 100644
--- a/libs/angular-three-postprocessing/effects/src/lib/lut/lut.ts
+++ b/libs/angular-three-postprocessing/effects/src/lib/lut/lut.ts
@@ -1,5 +1,5 @@
 import { Component, CUSTOM_ELEMENTS_SCHEMA, inject, Input, OnChanges, OnInit, SimpleChanges } from '@angular/core';
-import { injectNgtRef, NgtArgs, NgtRxStore, NgtStore, startWithUndefined } from 'angular-three';
+import { injectNgtRef, NgtArgs, NgtRef, NgtRxStore, NgtStore, startWithUndefined } from 'angular-three';
 import { componentInputsToCombinedStream, simpleChangesToStateObject } from 'angular-three-postprocessing';
 import { LUT3DEffect } from 'postprocessing';
 import { combineLatest, map } from 'rxjs';
@@ -8,9 +8,11 @@ import { combineLatest, map } from 'rxjs';
     selector: 'ngtp-lut',
     standalone: true,
     template: `
-        <ngt-primitive *args="[get('effect')]" [ref]="lutRef" />
+        <ng-container *args="[get('effect')]">
+            <ngt-primitive *ref="lutRef" />
+        </ng-container>
     `,
-    imports: [NgtArgs],
+    imports: [NgtArgs, NgtRef],
     schemas: [CUSTOM_ELEMENTS_SCHEMA],
     inputs: ['blendFunction', 'tetrahedralInterpolation'],
 })
diff --git a/libs/angular-three-postprocessing/effects/src/lib/ssao/ssao.ts b/libs/angular-three-postprocessing/effects/src/lib/ssao/ssao.ts
index a32ad02..6e71508 100644
--- a/libs/angular-three-postprocessing/effects/src/lib/ssao/ssao.ts
+++ b/libs/angular-three-postprocessing/effects/src/lib/ssao/ssao.ts
@@ -1,5 +1,5 @@
 import { Component, CUSTOM_ELEMENTS_SCHEMA, inject, Input, OnChanges, OnInit, SimpleChanges } from '@angular/core';
-import { injectNgtRef, NgtArgs, NgtRxStore } from 'angular-three';
+import { injectNgtRef, NgtArgs, NgtRef, NgtRxStore } from 'angular-three';
 import {
     componentInputsToCombinedStream,
     NGTP_EFFECT_COMPOSER_API,
@@ -12,9 +12,11 @@ import { combineLatest, map } from 'rxjs';
     selector: 'ngtp-ssao',
     standalone: true,
     template: `
-        <ngt-primitive *args="[get('effect')]" [ref]="ssaoRef" />
+        <ng-container *args="[get('effect')]">
+            <ngt-primitive *ref="ssaoRef" />
+        </ng-container>
     `,
-    imports: [NgtArgs],
+    imports: [NgtArgs, NgtRef],
     schemas: [CUSTOM_ELEMENTS_SCHEMA],
     inputs: [
         'blendFunction',
diff --git a/libs/angular-three-postprocessing/src/lib/effect-composer.ts b/libs/angular-three-postprocessing/src/lib/effect-composer.ts
index 1c63efa..ef5bb7e 100644
--- a/libs/angular-three-postprocessing/src/lib/effect-composer.ts
+++ b/libs/angular-three-postprocessing/src/lib/effect-composer.ts
@@ -1,6 +1,6 @@
 import { Component, CUSTOM_ELEMENTS_SCHEMA, inject, InjectionToken, Input, OnInit } from '@angular/core';
 import { RxActionFactory } from '@rx-angular/state/actions';
-import { extend, getLocalState, injectNgtRef, NgtRxStore, NgtStore, startWithUndefined } from 'angular-three';
+import { extend, getLocalState, injectNgtRef, NgtRef, NgtRxStore, NgtStore, startWithUndefined } from 'angular-three';
 import { DepthDownsamplingPass, EffectComposer, EffectPass, NormalPass, RenderPass } from 'postprocessing';
 import { combineLatest, map } from 'rxjs';
 import * as THREE from 'three';
@@ -43,7 +43,7 @@ function effectComposerApiFactory(composer: NgtpEffectComposer) {
     selector: 'ngtp-effect-composer',
     standalone: true,
     template: `
-        <ngt-group [ref]="composerRef">
+        <ngt-group *ref="composerRef">
             <ng-content />
         </ngt-group>
     `,
@@ -51,6 +51,7 @@ function effectComposerApiFactory(composer: NgtpEffectComposer) {
         { provide: NGTP_EFFECT_COMPOSER_API, useFactory: effectComposerApiFactory, deps: [NgtpEffectComposer] },
         RxActionFactory,
     ],
+    imports: [NgtRef],
     schemas: [CUSTOM_ELEMENTS_SCHEMA],
 })
 export class NgtpEffectComposer extends NgtRxStore implements OnInit {
diff --git a/libs/angular-three-postprocessing/version.json b/libs/angular-three-postprocessing/version.json
index ab13354..91082cc 100644
--- a/libs/angular-three-postprocessing/version.json
+++ b/libs/angular-three-postprocessing/version.json
@@ -1,3 +1,3 @@
 {
-    "version": "1.1.0"
+    "version": "1.2.0"
 }
diff --git a/package.json b/package.json
index b1b3bf8..c38fbd9 100644
--- a/package.json
+++ b/package.json
@@ -63,7 +63,7 @@
         "@angular/router": "~15.1.3",
         "@rx-angular/state": "^1.7.0",
         "@swc/helpers": "~0.4.14",
-        "angular-three": "^1.3.0",
+        "angular-three": "^1.5.0",
         "postprocessing": "^6.29.3",
         "rxjs": "~7.8.0",
         "three": "^0.149.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c7f7889..b1ac6cd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -36,7 +36,7 @@ specifiers:
   '@types/three': ^0.149.0
   '@typescript-eslint/eslint-plugin': ^5.50.0
   '@typescript-eslint/parser': ^5.50.0
-  angular-three: ^1.3.0
+  angular-three: ^1.5.0
   dotenv-cli: ^7.0.0
   eslint: ~8.33.0
   eslint-config-prettier: 8.6.0
@@ -74,7 +74,7 @@ dependencies:
   '@angular/router': 15.1.3_ldllaezapbozgxcjenczigqhsy
   '@rx-angular/state': 1.7.0_rudij55mtqsapi452qv36k7gb4
   '@swc/helpers': 0.4.14
-  angular-three: 1.3.0_azmsb66njfvovtimoix637pmjy
+  angular-three: 1.5.0_azmsb66njfvovtimoix637pmjy
   postprocessing: 6.29.3_three@0.149.0
   rxjs: 7.8.0
   three: 0.149.0
@@ -4763,8 +4763,8 @@ packages:
       require-from-string: 2.0.2
       uri-js: 4.4.1
 
-  /angular-three/1.3.0_azmsb66njfvovtimoix637pmjy:
-    resolution: {integrity: sha512-6MjBeTsw873G2CR+FmypBSFv/ofJXb+IbTqKIcbkqxVVESRvpKalKOL0+dHlSa1BiX/rYw6BFdFVVMMYM9eE0w==}
+  /angular-three/1.5.0_azmsb66njfvovtimoix637pmjy:
+    resolution: {integrity: sha512-ISl/+JvNdElukUwLzFq6P/c7z9fVy1nNH+dr5ULyrZXH9B9w2LmIkV1XXpBEbUDX4T0Zmh148z2KM+wRcJHSRw==}
     peerDependencies:
       '@angular/common': ^15.1.0
       '@angular/core': ^15.1.0