react-fluid-distortion
react-fluid-distortion copied to clipboard
Fluid Animation Recreated on All Views Instead of One
Description
I am attempting to use the View component from the drei library. However, I am encountering an issue where the fluid animation is being recreated on all View instances instead of just one.
Steps to Reproduce
- Import the View component from drei.
- Implement the View component in multiple instances within the same application.
- Observe that the fluid animation is recreated on each View instance.
Expected Behavior The fluid animation should be applied to a single View instance and not be recreated across multiple views.
Actual Behavior The fluid animation is being recreated on each View instance.
Code Example
<Canvas >
<Preload all />
<View.Port />
<EffectComposer >
<Fluid />
</EffectComposer>
</Canvas>