Position of Particle System in UI Canvas

I created a canvas in a 3D game and set its Render Mode to Screen Space - Camera and add a Particle System to the canvas as an child object, and change the Transform to Rect Transform, position to (0,0,0).
According to this video and the first replay of this question , this should be sufficient enough to set up the particle system in UI.
So if I hit play, the effect should be right at the center of the screen. But it did not! It seems to be located at the world space instead of the canvas.
Could somebody please be so kind and tell me what did I miss!?
Much appreciated!
Screenshots:





As you can see, the two texts were rendered correctly, only the particle effect was misplaced!

Hi there,

I created the Canvas Particle System, an asset that can create UI particles fully compatible with Unity’s UI Render Pipeline.

Within this asset you can:

  • Use sibling index to control particles z position
  • Add particles in front, behind, or between any UI element
  • Emit particles from: point, directional, line, rect, and circular or using any recttransform in the scene
  • Works on all canvas types:
  • Works on all platforms: mobile, desktop, or console
  • Control all emitter attributes programmatically
  • Animate any emitter or particle attributes
  • Add multi-texture particles
  • Particles with animates sprites
  • Emit particles from images
  • Use UI masks
  • Emit from local or world spaces
  • Render Shuriken particle on UI
  • And more

Check this video it has everything about particles system on the UI Canvas on unity