API naming tweaks

examples/basic-dom/Scene.tsx

@@ -6,6 +6,8 @@ import {types as t} from '@theatre/core'
 import type {UseDragOpts} from './useDrag'
 import useDrag from './useDrag'
 
+studio.initialize()
+
 const boxObjectConfig = t.compound({
   x: t.number(0),
   y: t.number(0),

examples/basic-dom/index.tsx

@@ -4,7 +4,7 @@ import studio from '@theatre/studio'
 import {getProject} from '@theatre/core'
 import {Scene} from './Scene'
 
-studio.ui
+studio.initialize()
 
 ReactDOM.render(
   <Scene project={getProject('Sample project')} />,

examples/dom-cra/src/App.js

@@ -3,6 +3,8 @@ import {useLayoutEffect, useMemo, useState} from 'react'
 import {types as t} from '@theatre/core'
 import useDrag from './useDrag'
 
+studio.initialize()
+
 const boxObjectConfig = t.compound({
   x: t.number(0),
   y: t.number(0),

examples/dom-cra/src/index.js

@@ -1,9 +1,11 @@
 import ReactDOM from 'react-dom'
 import './index.css'
 import reportWebVitals from './reportWebVitals'
-import '@theatre/studio'
+import studio from '@theatre/studio'
 import {getProject} from '@theatre/core'
 
+studio.initialize()
+
 ReactDOM.render(
   <React.StrictMode>
     <App project={getProject('CRA project')} />