JSFiddle - React, Tailwind, and code Playground

by stevebeauge

HTML

<div style="width:200px;border:solid 1px red">

<pre style="white-space: pre-wrap;">
  <code>{&#10;    &quot;name&quot;: &quot;@so365-sodoc/teamsapp&quot;,&#10;    
  
  &quot;version&quot;: &quot;0.1.0&quot;,&#10;    &quot;private&quot;: true,&#10;    &quot;scripts&quot;: {&#10;        &quot;start&quot;: &quot;react-scripts start&quot;,&#10;        &quot;build&quot;: &quot;react-scripts build&quot;,&#10;        &quot;test&quot;: &quot;react-scripts test&quot;,&#10;        &quot;eject&quot;: &quot;react-scripts eject&quot;&#10;    },&#10;    &quot;dependencies&quot;: {&#10;        &quot;@hookform/resolvers&quot;: &quot;^2.9.10&quot;,&#10;        &quot;@microsoft/teams-js&quot;: &quot;^2.8.0&quot;,&#10;        &quot;@pnp/sp&quot;: &quot;^3.11.0&quot;,&#10;        &quot;@reduxjs/toolkit&quot;: &quot;^1.9.1&quot;,&#10;        &quot;@so365-sodoc/spfx&quot;: &quot;workspace:^0.9.0&quot;,&#10;        &quot;@so365-sodoc/utils&quot;: &quot;workspace:^0.9.0&quot;,&#10;        &quot;@testing-library/jest-dom&quot;: &quot;^5.16.5&quot;,&#10;        &quot;@testing-library/react&quot;: &quot;^13.4.0&quot;,&#10;        &quot;@testing-library/user-event&quot;: &quot;^13.5.0&quot;,&#10;        &quot;@types/jest&quot;: &quot;^29.2.5&quot;,&#10;        &quot;@types/node&quot;: &quot;^16.18.11&quot;,&#10;        &quot;@types/react&quot;: &quot;17.0.45&quot;,&#10;        &quot;@types/react-dom&quot;: &quot;17.0.17&quot;,&#10;        &quot;brandi&quot;: &quot;^5.0.0&quot;,&#10;        &quot;change-case&quot;: &quot;^4.1.2&quot;,&#10;        &quot;node-sass&quot;: &quot;^7.0.3&quot;,&#10;        &quot;office-ui-fabric-react&quot;: &quot;7.203.0&quot;,&#10;        &quot;react&quot;: &quot;17.0.1&quot;,&#10;        &quot;react-dom&quot;: &quot;17.0.1&quot;,&#10;        &quot;react-dropzone&quot;: &quot;^14.2.3&quot;,&#10;        &quot;react-hook-form&quot;: &quot;^7.42.1&quot;,&#10;        &quot;react-localization&quot;: &quot;^1.0.19&quot;,&#10;        &quot;react-redux&quot;:...