# React three fiber postprocessing

**URL:** <https://discourse.threejs.org/t/react-three-fiber-postprocessing/61214>\
**Category:** Questions\
**Tags:** post-processing, react-three-fiber\
**Created:** [February 7, 2024, 3:22pm UTC](https://discourse.threejs.org/t/react-three-fiber-postprocessing/61214 "2024-02-07T15:22:16Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![rciepichal](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/rciepichal/32/41325_2.png) [@rciepichal](https://discourse.threejs.org/u/rciepichal)\
**Post date:** [February 7, 2024, 3:22pm UTC](https://discourse.threejs.org/t/react-three-fiber-postprocessing/61214/1 "2024-02-07T15:22:16Z")

</div>

Hi, I have a question about `'@react-three/postprocessing'` and `postprocessing` package.

According to [React Postprocessing Documentation](https://docs.pmnd.rs/react-postprocessing/effects/custom-effects) this documentation, we can create a custom effects and add it to EffectComposer.  
For test purpose, I’ve created two components:

```javascript
export const Pixelation = forwardRef(({ granularity = 5 }, ref) => {
  const effect = useMemo(() => new PixelationEffect(50), [granularity]);
  return <primitive ref={ref} object={effect} dispose={null} />;
});

export const Composer = () => {
  return (
    <EffectComposer multisampling={8}>
      <Noise opacity={0.01} />
      <Pixelation />
    </EffectComposer>
  );
};

```

But in here, pixelation has no effect at all. What am I doing wrong? Is it possible?

- Another question is that, is it any way to achieve `addPass` on that effect composer from `'@react-three/postprocessing'` package? I mean, put a ref onto composer and somehow achieve `composer.current.addPass(pass)`.

Thank you in an advance 🙂