1"use strict";(self.webpackChunkdocusaurus=self.webpackChunkdocusaurus||[]).push([[408],{28453:(e,t,a)=>{a.d(t,{R:()=>i,x:()=>n});var r=a(96540);const s={},o=r.createContext(s);function i(e){const t=r.useContext(o);return r.useMemo(function(){return"function"==typeof e?e(t):{...t,...e}},[t,e])}function n(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:i(e.components),r.createElement(o.Provider,{value:t},e.children)}},78609:(e,t,a)=>{a.d(t,{B:()=>s});a(96540);var r=a(74848);const s=({url:e})=>(0,r.jsx)("div",{children:(0,r.jsx)("iframe",{src:e,style:{width:"100%",height:"600px",border:0,borderRadius:"4px",overflow:"hidden"},title:"basic",allow:"accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking",sandbox:"allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"})})},90191:(e,t,a)=>{a.r(t),a.d(t,{assets:()=>l,contentTitle:()=>n,default:()=>u,frontMatter:()=>i,metadata:()=>c,toc:()=>p});var r=a(74848),s=a(28453),o=a(78609);const i={id:"basic-react",title:"Basic React",hide_table_of_contents:!0},n=void 0,c={id:"player/v2/examples/basic-react",title:"Basic React",description:"",source:"@site/docs/player/v2/examples/basic-react.md",sourceDirName:"player/v2/examples",slug:"/player/v2/examples/basic-react",permalink:"/docs/player/v2/examples/basic-react",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{id:"basic-react",title:"Basic React",hide_table_of_contents:!0},sidebar:"player",previous:{title:"Chapters with API",permalink:"/docs/player/v2/examples/chapters-api"},next:{title:"React Hook useVdocipher",permalink:"/docs/player/v2/examples/react-hook"}},l={},p=[];function d(e){return(0,r.jsx)("main",{children:(0,r.jsx)(o.B,{url:"https://codesandbox.io/embed/basic-react-0j5lu?fontsize=14&hidenavigation=1&theme=dark"})})}function u(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(d,{...e})}):d()}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.