JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/4.3.4/pixi.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.1/TweenMax.min.js"></script>

JavaScript

var app = new PIXI.Application(800, 600, {backgroundColor : 0x1099bb});
document.body.appendChild(app.view);

//the thing to render
var container = new PIXI.Container();
app.stage.addChild(container);
container.position.set(5,0);
var g = new PIXI.Graphics();
g.lineStyle(1, 0x000000).beginFill(0xEE0000).drawRect(0, 0, 100, 140).endFill();
container.addChild(g);

//render texture/sprite 1
var brt = new PIXI.BaseRenderTexture(100, 150, PIXI.SCALE_MODES.LINEAR, 1);
var rt = new PIXI.RenderTexture(brt);
var sprite = new PIXI.Sprite(rt);
sprite.x = 150;
sprite.y = 0;
app.stage.addChild(sprite);

//render texture/sprite 2
var brt2 = new PIXI.BaseRenderTexture(100, 150, PIXI.SCALE_MODES.LINEAR, 1);
var rt2 = new PIXI.RenderTexture(brt2);
var sprite2 = new PIXI.Sprite(rt2);
sprite2.x = 300;
sprite2.y = 0;
app.stage.addChild(sprite2);

TweenMax.to(container, 1, {y:120, yoyo:true, repeat:-1});

app.ticker.add(function() {
		//no transform applied, render gets cropped, fair enough..
    app.renderer.render(container, rt);
    
    //attempt at applying transform, nothing rendered
    app.renderer.render(container, rt2, true, container.transform);
});