[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-expo-expo-dom":3,"mdc--tobm7g-key":34,"related-org-expo-expo-dom":6745,"related-repo-expo-expo-dom":6912},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":11,"stars":23,"repoUrl":24,"updatedAt":25,"license":26,"forks":27,"topics":28,"repo":29,"sourceUrl":32,"mdContent":33},"expo-dom","run web components in native apps","Framework (OSS). Use Expo DOM components to run web code in a webview on native and as-is on web. Migrate web code to native incrementally. For the end-to-end migration of a whole web app, use the expo-web-to-native skill.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},"expo","Expo","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fexpo.png",[12,16,17,20],{"name":13,"slug":14,"type":15},"React Native","react-native","tag",{"name":9,"slug":8,"type":15},{"name":18,"slug":19,"type":15},"Mobile","mobile",{"name":21,"slug":22,"type":15},"Frontend","frontend",2190,"https:\u002F\u002Fgithub.com\u002Fexpo\u002Fskills","2026-07-24T05:36:41.176872","MIT",111,[],{"repoUrl":24,"stars":23,"forks":27,"topics":30,"description":31},[],"A collection of AI agent skills for working with Expo projects and Expo Application Services","https:\u002F\u002Fgithub.com\u002Fexpo\u002Fskills\u002Ftree\u002FHEAD\u002Fplugins\u002Fexpo\u002Fskills\u002Fexpo-dom","---\nname: expo-dom\ndescription: Framework (OSS). Use Expo DOM components to run web code in a webview on native and as-is on web. Migrate web code to native incrementally. For the end-to-end migration of a whole web app, use the expo-web-to-native skill.\nversion: 1.0.0\nlicense: MIT\n---\n\n## What are DOM Components?\n\nDOM components allow web code to run verbatim in a webview on native platforms while rendering as-is on web. This enables using web-only libraries like `recharts`, `react-syntax-highlighter`, or any React web library in your Expo app without modification.\n\n## When to Use DOM Components\n\nUse DOM components when you need:\n\n- **Web-only libraries** — Charts (recharts, chart.js), syntax highlighters, rich text editors, or any library that depends on DOM APIs\n- **Migrating web code** — Bring existing React web components to native without rewriting\n- **Complex HTML\u002FCSS layouts** — When CSS features aren't available in React Native\n- **iframes or embeds** — Embedding external content that requires a browser context\n- **Canvas or WebGL** — Web graphics APIs not available natively\n\n## When NOT to Use DOM Components\n\nAvoid DOM components when:\n\n- **Native performance is critical** — Webviews add overhead\n- **Simple UI** — React Native components are more efficient for basic layouts\n- **Deep native integration** — Use local modules instead for native APIs\n- **Layout routes** — `_layout` files cannot be DOM components\n\n## Basic DOM Component\n\nCreate a new file with the `'use dom';` directive at the top:\n\n```tsx\n\u002F\u002F components\u002FWebChart.tsx\n\"use dom\";\n\nexport default function WebChart({\n data,\n}: {\n data: number[];\n dom: import(\"expo\u002Fdom\").DOMProps;\n}) {\n return (\n \u003Cdiv style={{ padding: 20 }}>\n \u003Ch2>Chart Data\u003C\u002Fh2>\n \u003Cul>\n {data.map((value, i) => (\n \u003Cli key={i}>{value}\u003C\u002Fli>\n ))}\n \u003C\u002Ful>\n \u003C\u002Fdiv>\n );\n}\n```\n\n## Rules for DOM Components\n\n1. **Must have `'use dom';` directive** at the top of the file\n2. **Single default export** — One React component per file\n3. **Own file** — Cannot be defined inline or combined with native components\n4. **Serializable props only** — Strings, numbers, booleans, arrays, plain objects\n5. **Include CSS in the component file** — DOM components run in isolated context\n\n## The `dom` Prop\n\nEvery DOM component receives a special `dom` prop for webview configuration. Always type it in your props:\n\n```tsx\n\"use dom\";\n\ninterface Props {\n content: string;\n dom: import(\"expo\u002Fdom\").DOMProps;\n}\n\nexport default function MyComponent({ content }: Props) {\n return \u003Cdiv>{content}\u003C\u002Fdiv>;\n}\n```\n\n### Common `dom` Prop Options\n\n```tsx\n\u002F\u002F Disable body scrolling\n\u003CDOMComponent dom={{ scrollEnabled: false }} \u002F>\n\n\u002F\u002F Flow under the notch (disable safe area insets)\n\u003CDOMComponent dom={{ contentInsetAdjustmentBehavior: \"never\" }} \u002F>\n\n\u002F\u002F Control size manually\n\u003CDOMComponent dom={{ style: { width: 300, height: 400 } }} \u002F>\n\n\u002F\u002F Combine options\n\u003CDOMComponent\n dom={{\n scrollEnabled: false,\n contentInsetAdjustmentBehavior: \"never\",\n style: { width: '100%', height: 500 }\n }}\n\u002F>\n```\n\n## Exposing Native Actions to the Webview\n\nPass async functions as props to expose native functionality to the DOM component:\n\n```tsx\n\u002F\u002F app\u002Findex.tsx (native)\nimport { Alert } from \"react-native\";\nimport DOMComponent from \"@\u002Fcomponents\u002Fdom-component\";\n\nexport default function Screen() {\n return (\n \u003CDOMComponent\n showAlert={async (message: string) => {\n Alert.alert(\"From Web\", message);\n }}\n saveData={async (data: { name: string; value: number }) => {\n \u002F\u002F Save to native storage, database, etc.\n console.log(\"Saving:\", data);\n return { success: true };\n }}\n \u002F>\n );\n}\n```\n\n```tsx\n\u002F\u002F components\u002Fdom-component.tsx\n\"use dom\";\n\ninterface Props {\n showAlert: (message: string) => Promise\u003Cvoid>;\n saveData: (data: {\n name: string;\n value: number;\n }) => Promise\u003C{ success: boolean }>;\n dom?: import(\"expo\u002Fdom\").DOMProps;\n}\n\nexport default function DOMComponent({ showAlert, saveData }: Props) {\n const handleClick = async () => {\n await showAlert(\"Hello from the webview!\");\n const result = await saveData({ name: \"test\", value: 42 });\n console.log(\"Save result:\", result);\n };\n\n return \u003Cbutton onClick={handleClick}>Trigger Native Action\u003C\u002Fbutton>;\n}\n```\n\n## Using Web Libraries\n\nDOM components can use any web library:\n\n```tsx\n\u002F\u002F components\u002Fsyntax-highlight.tsx\n\"use dom\";\n\nimport SyntaxHighlighter from \"react-syntax-highlighter\";\nimport { docco } from \"react-syntax-highlighter\u002Fdist\u002Fesm\u002Fstyles\u002Fhljs\";\n\ninterface Props {\n code: string;\n language: string;\n dom?: import(\"expo\u002Fdom\").DOMProps;\n}\n\nexport default function SyntaxHighlight({ code, language }: Props) {\n return (\n \u003CSyntaxHighlighter language={language} style={docco}>\n {code}\n \u003C\u002FSyntaxHighlighter>\n );\n}\n```\n\n```tsx\n\u002F\u002F components\u002Fchart.tsx\n\"use dom\";\n\nimport {\n LineChart,\n Line,\n XAxis,\n YAxis,\n CartesianGrid,\n Tooltip,\n} from \"recharts\";\n\ninterface Props {\n data: Array\u003C{ name: string; value: number }>;\n dom: import(\"expo\u002Fdom\").DOMProps;\n}\n\nexport default function Chart({ data }: Props) {\n return (\n \u003CLineChart width={400} height={300} data={data}>\n \u003CCartesianGrid strokeDasharray=\"3 3\" \u002F>\n \u003CXAxis dataKey=\"name\" \u002F>\n \u003CYAxis \u002F>\n \u003CTooltip \u002F>\n \u003CLine type=\"monotone\" dataKey=\"value\" stroke=\"#8884d8\" \u002F>\n \u003C\u002FLineChart>\n );\n}\n```\n\n## CSS in DOM Components\n\nCSS imports must be in the DOM component file since they run in isolated context:\n\n```tsx\n\u002F\u002F components\u002Fstyled-component.tsx\n\"use dom\";\n\nimport \"@\u002Fstyles.css\"; \u002F\u002F CSS file in same directory\n\nexport default function StyledComponent({\n dom,\n}: {\n dom: import(\"expo\u002Fdom\").DOMProps;\n}) {\n return (\n \u003Cdiv className=\"container\">\n \u003Ch1 className=\"title\">Styled Content\u003C\u002Fh1>\n \u003C\u002Fdiv>\n );\n}\n```\n\nOr use inline styles \u002F CSS-in-JS:\n\n```tsx\n\"use dom\";\n\nconst styles = {\n container: {\n padding: 20,\n backgroundColor: \"#f0f0f0\",\n },\n title: {\n fontSize: 24,\n color: \"#333\",\n },\n};\n\nexport default function StyledComponent({\n dom,\n}: {\n dom: import(\"expo\u002Fdom\").DOMProps;\n}) {\n return (\n \u003Cdiv style={styles.container}>\n \u003Ch1 style={styles.title}>Styled Content\u003C\u002Fh1>\n \u003C\u002Fdiv>\n );\n}\n```\n\n## Expo Router in DOM Components\n\nThe expo-router `\u003CLink \u002F>` component and router API work inside DOM components:\n\n```tsx\n\"use dom\";\n\nimport { Link, useRouter } from \"expo-router\";\n\nexport default function Navigation({\n dom,\n}: {\n dom: import(\"expo\u002Fdom\").DOMProps;\n}) {\n const router = useRouter();\n\n return (\n \u003Cnav>\n \u003CLink href=\"\u002Fabout\">About\u003C\u002FLink>\n \u003Cbutton onClick={() => router.push(\"\u002Fsettings\")}>Settings\u003C\u002Fbutton>\n \u003C\u002Fnav>\n );\n}\n```\n\n### Router APIs That Require Props\n\nThese hooks don't work directly in DOM components because they need synchronous access to native routing state:\n\n- `useLocalSearchParams()`\n- `useGlobalSearchParams()`\n- `usePathname()`\n- `useSegments()`\n- `useRootNavigation()`\n- `useRootNavigationState()`\n\n**Solution:** Read these values in the native parent and pass as props:\n\n```tsx\n\u002F\u002F app\u002F[id].tsx (native)\nimport { useLocalSearchParams, usePathname } from \"expo-router\";\nimport DOMComponent from \"@\u002Fcomponents\u002Fdom-component\";\n\nexport default function Screen() {\n const { id } = useLocalSearchParams();\n const pathname = usePathname();\n\n return \u003CDOMComponent id={id as string} pathname={pathname} \u002F>;\n}\n```\n\n```tsx\n\u002F\u002F components\u002Fdom-component.tsx\n\"use dom\";\n\ninterface Props {\n id: string;\n pathname: string;\n dom?: import(\"expo\u002Fdom\").DOMProps;\n}\n\nexport default function DOMComponent({ id, pathname }: Props) {\n return (\n \u003Cdiv>\n \u003Cp>Current ID: {id}\u003C\u002Fp>\n \u003Cp>Current Path: {pathname}\u003C\u002Fp>\n \u003C\u002Fdiv>\n );\n}\n```\n\n## Detecting DOM Environment\n\nCheck if code is running in a DOM component:\n\n```tsx\n\"use dom\";\n\nimport { IS_DOM } from \"expo\u002Fdom\";\n\nexport default function Component({\n dom,\n}: {\n dom?: import(\"expo\u002Fdom\").DOMProps;\n}) {\n return \u003Cdiv>{IS_DOM ? \"Running in DOM component\" : \"Running natively\"}\u003C\u002Fdiv>;\n}\n```\n\n## Assets\n\nPrefer requiring assets instead of using the public directory:\n\n```tsx\n\"use dom\";\n\n\u002F\u002F Good - bundled with the component\nconst logo = require(\"..\u002Fassets\u002Flogo.png\");\n\nexport default function Component({\n dom,\n}: {\n dom: import(\"expo\u002Fdom\").DOMProps;\n}) {\n return \u003Cimg src={logo} alt=\"Logo\" \u002F>;\n}\n```\n\n## Usage from Native Components\n\nImport and use DOM components like regular components:\n\n```tsx\n\u002F\u002F app\u002Findex.tsx\nimport { View, Text } from \"react-native\";\nimport WebChart from \"@\u002Fcomponents\u002Fweb-chart\";\nimport CodeBlock from \"@\u002Fcomponents\u002Fcode-block\";\n\nexport default function HomeScreen() {\n return (\n \u003CView style={{ flex: 1 }}>\n \u003CText>Native content above\u003C\u002FText>\n\n \u003CWebChart data={[10, 20, 30, 40, 50]} dom={{ style: { height: 300 } }} \u002F>\n\n \u003CCodeBlock\n code=\"const x = 1;\"\n language=\"javascript\"\n dom={{ scrollEnabled: true }}\n \u002F>\n\n \u003CText>Native content below\u003C\u002FText>\n \u003C\u002FView>\n );\n}\n```\n\n## Platform Behavior\n\n| Platform | Behavior |\n| -------- | ----------------------------------- |\n| iOS | Rendered in WKWebView |\n| Android | Rendered in WebView |\n| Web | Rendered as-is (no webview wrapper) |\n\nOn web, the `dom` prop is ignored since no webview is needed.\n\n## Tips\n\n- DOM components hot reload during development\n- Keep DOM components focused — don't put entire screens in webviews\n- Use native components for navigation chrome, DOM components for specialized content\n- Test on all platforms — web rendering may differ slightly from native webviews\n- Large DOM components may impact performance — profile if needed\n- The webview has its own JavaScript context — cannot directly share state with native\n\n## Submitting Feedback\nIf you encounter errors, misleading or outdated information in this skill, report it so Expo can improve:\n```bash\nnpx --yes submit-expo-feedback@latest --category skills --subject \"expo-dom\" \"\u003Cactionable feedback>\"\n```\nOnly submit when you have something specific and actionable to report. Include as much relevant context as possible.\n",{"data":35,"body":37},{"name":4,"description":6,"version":36,"license":26},"1.0.0",{"type":38,"children":39},"root",[40,49,72,78,83,139,145,150,201,207,220,723,729,790,804,816,1037,1051,1421,1427,1432,1886,2497,2503,2508,2904,3535,3541,3546,3858,3863,4308,4314,4327,4746,4752,4757,4814,4824,5090,5433,5439,5444,5703,5709,5714,5975,5981,5986,6533,6539,6606,6618,6624,6657,6663,6668,6735,6740],{"type":41,"tag":42,"props":43,"children":45},"element","h2",{"id":44},"what-are-dom-components",[46],{"type":47,"value":48},"text","What are DOM Components?",{"type":41,"tag":50,"props":51,"children":52},"p",{},[53,55,62,64,70],{"type":47,"value":54},"DOM components allow web code to run verbatim in a webview on native platforms while rendering as-is on web. This enables using web-only libraries like ",{"type":41,"tag":56,"props":57,"children":59},"code",{"className":58},[],[60],{"type":47,"value":61},"recharts",{"type":47,"value":63},", ",{"type":41,"tag":56,"props":65,"children":67},{"className":66},[],[68],{"type":47,"value":69},"react-syntax-highlighter",{"type":47,"value":71},", or any React web library in your Expo app without modification.",{"type":41,"tag":42,"props":73,"children":75},{"id":74},"when-to-use-dom-components",[76],{"type":47,"value":77},"When to Use DOM Components",{"type":41,"tag":50,"props":79,"children":80},{},[81],{"type":47,"value":82},"Use DOM components when you need:",{"type":41,"tag":84,"props":85,"children":86},"ul",{},[87,99,109,119,129],{"type":41,"tag":88,"props":89,"children":90},"li",{},[91,97],{"type":41,"tag":92,"props":93,"children":94},"strong",{},[95],{"type":47,"value":96},"Web-only libraries",{"type":47,"value":98}," — Charts (recharts, chart.js), syntax highlighters, rich text editors, or any library that depends on DOM APIs",{"type":41,"tag":88,"props":100,"children":101},{},[102,107],{"type":41,"tag":92,"props":103,"children":104},{},[105],{"type":47,"value":106},"Migrating web code",{"type":47,"value":108}," — Bring existing React web components to native without rewriting",{"type":41,"tag":88,"props":110,"children":111},{},[112,117],{"type":41,"tag":92,"props":113,"children":114},{},[115],{"type":47,"value":116},"Complex HTML\u002FCSS layouts",{"type":47,"value":118}," — When CSS features aren't available in React Native",{"type":41,"tag":88,"props":120,"children":121},{},[122,127],{"type":41,"tag":92,"props":123,"children":124},{},[125],{"type":47,"value":126},"iframes or embeds",{"type":47,"value":128}," — Embedding external content that requires a browser context",{"type":41,"tag":88,"props":130,"children":131},{},[132,137],{"type":41,"tag":92,"props":133,"children":134},{},[135],{"type":47,"value":136},"Canvas or WebGL",{"type":47,"value":138}," — Web graphics APIs not available natively",{"type":41,"tag":42,"props":140,"children":142},{"id":141},"when-not-to-use-dom-components",[143],{"type":47,"value":144},"When NOT to Use DOM Components",{"type":41,"tag":50,"props":146,"children":147},{},[148],{"type":47,"value":149},"Avoid DOM components when:",{"type":41,"tag":84,"props":151,"children":152},{},[153,163,173,183],{"type":41,"tag":88,"props":154,"children":155},{},[156,161],{"type":41,"tag":92,"props":157,"children":158},{},[159],{"type":47,"value":160},"Native performance is critical",{"type":47,"value":162}," — Webviews add overhead",{"type":41,"tag":88,"props":164,"children":165},{},[166,171],{"type":41,"tag":92,"props":167,"children":168},{},[169],{"type":47,"value":170},"Simple UI",{"type":47,"value":172}," — React Native components are more efficient for basic layouts",{"type":41,"tag":88,"props":174,"children":175},{},[176,181],{"type":41,"tag":92,"props":177,"children":178},{},[179],{"type":47,"value":180},"Deep native integration",{"type":47,"value":182}," — Use local modules instead for native APIs",{"type":41,"tag":88,"props":184,"children":185},{},[186,191,193,199],{"type":41,"tag":92,"props":187,"children":188},{},[189],{"type":47,"value":190},"Layout routes",{"type":47,"value":192}," — ",{"type":41,"tag":56,"props":194,"children":196},{"className":195},[],[197],{"type":47,"value":198},"_layout",{"type":47,"value":200}," files cannot be DOM components",{"type":41,"tag":42,"props":202,"children":204},{"id":203},"basic-dom-component",[205],{"type":47,"value":206},"Basic DOM Component",{"type":41,"tag":50,"props":208,"children":209},{},[210,212,218],{"type":47,"value":211},"Create a new file with the ",{"type":41,"tag":56,"props":213,"children":215},{"className":214},[],[216],{"type":47,"value":217},"'use dom';",{"type":47,"value":219}," directive at the top:",{"type":41,"tag":221,"props":222,"children":227},"pre",{"className":223,"code":224,"language":225,"meta":226,"style":226},"language-tsx shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u002F\u002F components\u002FWebChart.tsx\n\"use dom\";\n\nexport default function WebChart({\n data,\n}: {\n data: number[];\n dom: import(\"expo\u002Fdom\").DOMProps;\n}) {\n return (\n \u003Cdiv style={{ padding: 20 }}>\n \u003Ch2>Chart Data\u003C\u002Fh2>\n \u003Cul>\n {data.map((value, i) => (\n \u003Cli key={i}>{value}\u003C\u002Fli>\n ))}\n \u003C\u002Ful>\n \u003C\u002Fdiv>\n );\n}\n","tsx","",[228],{"type":41,"tag":56,"props":229,"children":230},{"__ignoreMap":226},[231,243,268,278,310,325,339,369,419,432,446,490,527,543,604,654,668,685,702,715],{"type":41,"tag":232,"props":233,"children":236},"span",{"class":234,"line":235},"line",1,[237],{"type":41,"tag":232,"props":238,"children":240},{"style":239},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[241],{"type":47,"value":242},"\u002F\u002F components\u002FWebChart.tsx\n",{"type":41,"tag":232,"props":244,"children":246},{"class":234,"line":245},2,[247,253,259,263],{"type":41,"tag":232,"props":248,"children":250},{"style":249},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[251],{"type":47,"value":252},"\"",{"type":41,"tag":232,"props":254,"children":256},{"style":255},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[257],{"type":47,"value":258},"use dom",{"type":41,"tag":232,"props":260,"children":261},{"style":249},[262],{"type":47,"value":252},{"type":41,"tag":232,"props":264,"children":265},{"style":249},[266],{"type":47,"value":267},";\n",{"type":41,"tag":232,"props":269,"children":271},{"class":234,"line":270},3,[272],{"type":41,"tag":232,"props":273,"children":275},{"emptyLinePlaceholder":274},true,[276],{"type":47,"value":277},"\n",{"type":41,"tag":232,"props":279,"children":281},{"class":234,"line":280},4,[282,288,293,299,305],{"type":41,"tag":232,"props":283,"children":285},{"style":284},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[286],{"type":47,"value":287},"export",{"type":41,"tag":232,"props":289,"children":290},{"style":284},[291],{"type":47,"value":292}," default",{"type":41,"tag":232,"props":294,"children":296},{"style":295},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[297],{"type":47,"value":298}," function",{"type":41,"tag":232,"props":300,"children":302},{"style":301},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[303],{"type":47,"value":304}," WebChart",{"type":41,"tag":232,"props":306,"children":307},{"style":249},[308],{"type":47,"value":309},"({\n",{"type":41,"tag":232,"props":311,"children":313},{"class":234,"line":312},5,[314,320],{"type":41,"tag":232,"props":315,"children":317},{"style":316},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[318],{"type":47,"value":319}," data",{"type":41,"tag":232,"props":321,"children":322},{"style":249},[323],{"type":47,"value":324},",\n",{"type":41,"tag":232,"props":326,"children":328},{"class":234,"line":327},6,[329,334],{"type":41,"tag":232,"props":330,"children":331},{"style":249},[332],{"type":47,"value":333},"}:",{"type":41,"tag":232,"props":335,"children":336},{"style":249},[337],{"type":47,"value":338}," {\n",{"type":41,"tag":232,"props":340,"children":342},{"class":234,"line":341},7,[343,348,353,359,365],{"type":41,"tag":232,"props":344,"children":346},{"style":345},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[347],{"type":47,"value":319},{"type":41,"tag":232,"props":349,"children":350},{"style":249},[351],{"type":47,"value":352},":",{"type":41,"tag":232,"props":354,"children":356},{"style":355},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[357],{"type":47,"value":358}," number",{"type":41,"tag":232,"props":360,"children":362},{"style":361},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[363],{"type":47,"value":364},"[]",{"type":41,"tag":232,"props":366,"children":367},{"style":249},[368],{"type":47,"value":267},{"type":41,"tag":232,"props":370,"children":372},{"class":234,"line":371},8,[373,378,382,387,392,396,401,405,410,415],{"type":41,"tag":232,"props":374,"children":375},{"style":345},[376],{"type":47,"value":377}," dom",{"type":41,"tag":232,"props":379,"children":380},{"style":249},[381],{"type":47,"value":352},{"type":41,"tag":232,"props":383,"children":384},{"style":249},[385],{"type":47,"value":386}," import",{"type":41,"tag":232,"props":388,"children":389},{"style":361},[390],{"type":47,"value":391},"(",{"type":41,"tag":232,"props":393,"children":394},{"style":249},[395],{"type":47,"value":252},{"type":41,"tag":232,"props":397,"children":398},{"style":255},[399],{"type":47,"value":400},"expo\u002Fdom",{"type":41,"tag":232,"props":402,"children":403},{"style":249},[404],{"type":47,"value":252},{"type":41,"tag":232,"props":406,"children":407},{"style":361},[408],{"type":47,"value":409},").",{"type":41,"tag":232,"props":411,"children":412},{"style":355},[413],{"type":47,"value":414},"DOMProps",{"type":41,"tag":232,"props":416,"children":417},{"style":249},[418],{"type":47,"value":267},{"type":41,"tag":232,"props":420,"children":422},{"class":234,"line":421},9,[423,428],{"type":41,"tag":232,"props":424,"children":425},{"style":249},[426],{"type":47,"value":427},"})",{"type":41,"tag":232,"props":429,"children":430},{"style":249},[431],{"type":47,"value":338},{"type":41,"tag":232,"props":433,"children":435},{"class":234,"line":434},10,[436,441],{"type":41,"tag":232,"props":437,"children":438},{"style":284},[439],{"type":47,"value":440}," return",{"type":41,"tag":232,"props":442,"children":443},{"style":345},[444],{"type":47,"value":445}," (\n",{"type":41,"tag":232,"props":447,"children":449},{"class":234,"line":448},11,[450,455,460,465,470,475,479,485],{"type":41,"tag":232,"props":451,"children":452},{"style":249},[453],{"type":47,"value":454}," \u003C",{"type":41,"tag":232,"props":456,"children":457},{"style":345},[458],{"type":47,"value":459},"div",{"type":41,"tag":232,"props":461,"children":462},{"style":295},[463],{"type":47,"value":464}," style",{"type":41,"tag":232,"props":466,"children":467},{"style":249},[468],{"type":47,"value":469},"={{",{"type":41,"tag":232,"props":471,"children":472},{"style":345},[473],{"type":47,"value":474}," padding",{"type":41,"tag":232,"props":476,"children":477},{"style":249},[478],{"type":47,"value":352},{"type":41,"tag":232,"props":480,"children":482},{"style":481},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[483],{"type":47,"value":484}," 20",{"type":41,"tag":232,"props":486,"children":487},{"style":249},[488],{"type":47,"value":489}," }}>\n",{"type":41,"tag":232,"props":491,"children":493},{"class":234,"line":492},12,[494,499,503,508,513,518,522],{"type":41,"tag":232,"props":495,"children":496},{"style":249},[497],{"type":47,"value":498}," \u003C",{"type":41,"tag":232,"props":500,"children":501},{"style":345},[502],{"type":47,"value":42},{"type":41,"tag":232,"props":504,"children":505},{"style":249},[506],{"type":47,"value":507},">",{"type":41,"tag":232,"props":509,"children":510},{"style":361},[511],{"type":47,"value":512},"Chart Data",{"type":41,"tag":232,"props":514,"children":515},{"style":249},[516],{"type":47,"value":517},"\u003C\u002F",{"type":41,"tag":232,"props":519,"children":520},{"style":345},[521],{"type":47,"value":42},{"type":41,"tag":232,"props":523,"children":524},{"style":249},[525],{"type":47,"value":526},">\n",{"type":41,"tag":232,"props":528,"children":530},{"class":234,"line":529},13,[531,535,539],{"type":41,"tag":232,"props":532,"children":533},{"style":249},[534],{"type":47,"value":498},{"type":41,"tag":232,"props":536,"children":537},{"style":345},[538],{"type":47,"value":84},{"type":41,"tag":232,"props":540,"children":541},{"style":249},[542],{"type":47,"value":526},{"type":41,"tag":232,"props":544,"children":546},{"class":234,"line":545},14,[547,552,557,562,567,571,575,580,585,590,595,600],{"type":41,"tag":232,"props":548,"children":549},{"style":249},[550],{"type":47,"value":551}," {",{"type":41,"tag":232,"props":553,"children":554},{"style":361},[555],{"type":47,"value":556},"data",{"type":41,"tag":232,"props":558,"children":559},{"style":249},[560],{"type":47,"value":561},".",{"type":41,"tag":232,"props":563,"children":564},{"style":301},[565],{"type":47,"value":566},"map",{"type":41,"tag":232,"props":568,"children":569},{"style":361},[570],{"type":47,"value":391},{"type":41,"tag":232,"props":572,"children":573},{"style":249},[574],{"type":47,"value":391},{"type":41,"tag":232,"props":576,"children":577},{"style":316},[578],{"type":47,"value":579},"value",{"type":41,"tag":232,"props":581,"children":582},{"style":249},[583],{"type":47,"value":584},",",{"type":41,"tag":232,"props":586,"children":587},{"style":316},[588],{"type":47,"value":589}," i",{"type":41,"tag":232,"props":591,"children":592},{"style":249},[593],{"type":47,"value":594},")",{"type":41,"tag":232,"props":596,"children":597},{"style":295},[598],{"type":47,"value":599}," =>",{"type":41,"tag":232,"props":601,"children":602},{"style":361},[603],{"type":47,"value":445},{"type":41,"tag":232,"props":605,"children":607},{"class":234,"line":606},15,[608,613,617,622,627,632,637,641,646,650],{"type":41,"tag":232,"props":609,"children":610},{"style":249},[611],{"type":47,"value":612}," \u003C",{"type":41,"tag":232,"props":614,"children":615},{"style":345},[616],{"type":47,"value":88},{"type":41,"tag":232,"props":618,"children":619},{"style":295},[620],{"type":47,"value":621}," key",{"type":41,"tag":232,"props":623,"children":624},{"style":249},[625],{"type":47,"value":626},"={",{"type":41,"tag":232,"props":628,"children":629},{"style":361},[630],{"type":47,"value":631},"i",{"type":41,"tag":232,"props":633,"children":634},{"style":249},[635],{"type":47,"value":636},"}>{",{"type":41,"tag":232,"props":638,"children":639},{"style":361},[640],{"type":47,"value":579},{"type":41,"tag":232,"props":642,"children":643},{"style":249},[644],{"type":47,"value":645},"}\u003C\u002F",{"type":41,"tag":232,"props":647,"children":648},{"style":345},[649],{"type":47,"value":88},{"type":41,"tag":232,"props":651,"children":652},{"style":249},[653],{"type":47,"value":526},{"type":41,"tag":232,"props":655,"children":657},{"class":234,"line":656},16,[658,663],{"type":41,"tag":232,"props":659,"children":660},{"style":361},[661],{"type":47,"value":662}," ))",{"type":41,"tag":232,"props":664,"children":665},{"style":249},[666],{"type":47,"value":667},"}\n",{"type":41,"tag":232,"props":669,"children":671},{"class":234,"line":670},17,[672,677,681],{"type":41,"tag":232,"props":673,"children":674},{"style":249},[675],{"type":47,"value":676}," \u003C\u002F",{"type":41,"tag":232,"props":678,"children":679},{"style":345},[680],{"type":47,"value":84},{"type":41,"tag":232,"props":682,"children":683},{"style":249},[684],{"type":47,"value":526},{"type":41,"tag":232,"props":686,"children":688},{"class":234,"line":687},18,[689,694,698],{"type":41,"tag":232,"props":690,"children":691},{"style":249},[692],{"type":47,"value":693}," \u003C\u002F",{"type":41,"tag":232,"props":695,"children":696},{"style":345},[697],{"type":47,"value":459},{"type":41,"tag":232,"props":699,"children":700},{"style":249},[701],{"type":47,"value":526},{"type":41,"tag":232,"props":703,"children":705},{"class":234,"line":704},19,[706,711],{"type":41,"tag":232,"props":707,"children":708},{"style":345},[709],{"type":47,"value":710}," )",{"type":41,"tag":232,"props":712,"children":713},{"style":249},[714],{"type":47,"value":267},{"type":41,"tag":232,"props":716,"children":718},{"class":234,"line":717},20,[719],{"type":41,"tag":232,"props":720,"children":721},{"style":249},[722],{"type":47,"value":667},{"type":41,"tag":42,"props":724,"children":726},{"id":725},"rules-for-dom-components",[727],{"type":47,"value":728},"Rules for DOM Components",{"type":41,"tag":730,"props":731,"children":732},"ol",{},[733,750,760,770,780],{"type":41,"tag":88,"props":734,"children":735},{},[736,748],{"type":41,"tag":92,"props":737,"children":738},{},[739,741,746],{"type":47,"value":740},"Must have ",{"type":41,"tag":56,"props":742,"children":744},{"className":743},[],[745],{"type":47,"value":217},{"type":47,"value":747}," directive",{"type":47,"value":749}," at the top of the file",{"type":41,"tag":88,"props":751,"children":752},{},[753,758],{"type":41,"tag":92,"props":754,"children":755},{},[756],{"type":47,"value":757},"Single default export",{"type":47,"value":759}," — One React component per file",{"type":41,"tag":88,"props":761,"children":762},{},[763,768],{"type":41,"tag":92,"props":764,"children":765},{},[766],{"type":47,"value":767},"Own file",{"type":47,"value":769}," — Cannot be defined inline or combined with native components",{"type":41,"tag":88,"props":771,"children":772},{},[773,778],{"type":41,"tag":92,"props":774,"children":775},{},[776],{"type":47,"value":777},"Serializable props only",{"type":47,"value":779}," — Strings, numbers, booleans, arrays, plain objects",{"type":41,"tag":88,"props":781,"children":782},{},[783,788],{"type":41,"tag":92,"props":784,"children":785},{},[786],{"type":47,"value":787},"Include CSS in the component file",{"type":47,"value":789}," — DOM components run in isolated context",{"type":41,"tag":42,"props":791,"children":793},{"id":792},"the-dom-prop",[794,796,802],{"type":47,"value":795},"The ",{"type":41,"tag":56,"props":797,"children":799},{"className":798},[],[800],{"type":47,"value":801},"dom",{"type":47,"value":803}," Prop",{"type":41,"tag":50,"props":805,"children":806},{},[807,809,814],{"type":47,"value":808},"Every DOM component receives a special ",{"type":41,"tag":56,"props":810,"children":812},{"className":811},[],[813],{"type":47,"value":801},{"type":47,"value":815}," prop for webview configuration. Always type it in your props:",{"type":41,"tag":221,"props":817,"children":819},{"className":223,"code":818,"language":225,"meta":226,"style":226},"\"use dom\";\n\ninterface Props {\n content: string;\n dom: import(\"expo\u002Fdom\").DOMProps;\n}\n\nexport default function MyComponent({ content }: Props) {\n return \u003Cdiv>{content}\u003C\u002Fdiv>;\n}\n",[820],{"type":41,"tag":56,"props":821,"children":822},{"__ignoreMap":226},[823,842,849,866,887,930,937,944,991,1030],{"type":41,"tag":232,"props":824,"children":825},{"class":234,"line":235},[826,830,834,838],{"type":41,"tag":232,"props":827,"children":828},{"style":249},[829],{"type":47,"value":252},{"type":41,"tag":232,"props":831,"children":832},{"style":255},[833],{"type":47,"value":258},{"type":41,"tag":232,"props":835,"children":836},{"style":249},[837],{"type":47,"value":252},{"type":41,"tag":232,"props":839,"children":840},{"style":249},[841],{"type":47,"value":267},{"type":41,"tag":232,"props":843,"children":844},{"class":234,"line":245},[845],{"type":41,"tag":232,"props":846,"children":847},{"emptyLinePlaceholder":274},[848],{"type":47,"value":277},{"type":41,"tag":232,"props":850,"children":851},{"class":234,"line":270},[852,857,862],{"type":41,"tag":232,"props":853,"children":854},{"style":295},[855],{"type":47,"value":856},"interface",{"type":41,"tag":232,"props":858,"children":859},{"style":355},[860],{"type":47,"value":861}," Props",{"type":41,"tag":232,"props":863,"children":864},{"style":249},[865],{"type":47,"value":338},{"type":41,"tag":232,"props":867,"children":868},{"class":234,"line":280},[869,874,878,883],{"type":41,"tag":232,"props":870,"children":871},{"style":345},[872],{"type":47,"value":873}," content",{"type":41,"tag":232,"props":875,"children":876},{"style":249},[877],{"type":47,"value":352},{"type":41,"tag":232,"props":879,"children":880},{"style":355},[881],{"type":47,"value":882}," string",{"type":41,"tag":232,"props":884,"children":885},{"style":249},[886],{"type":47,"value":267},{"type":41,"tag":232,"props":888,"children":889},{"class":234,"line":312},[890,894,898,902,906,910,914,918,922,926],{"type":41,"tag":232,"props":891,"children":892},{"style":345},[893],{"type":47,"value":377},{"type":41,"tag":232,"props":895,"children":896},{"style":249},[897],{"type":47,"value":352},{"type":41,"tag":232,"props":899,"children":900},{"style":249},[901],{"type":47,"value":386},{"type":41,"tag":232,"props":903,"children":904},{"style":361},[905],{"type":47,"value":391},{"type":41,"tag":232,"props":907,"children":908},{"style":249},[909],{"type":47,"value":252},{"type":41,"tag":232,"props":911,"children":912},{"style":255},[913],{"type":47,"value":400},{"type":41,"tag":232,"props":915,"children":916},{"style":249},[917],{"type":47,"value":252},{"type":41,"tag":232,"props":919,"children":920},{"style":361},[921],{"type":47,"value":409},{"type":41,"tag":232,"props":923,"children":924},{"style":355},[925],{"type":47,"value":414},{"type":41,"tag":232,"props":927,"children":928},{"style":249},[929],{"type":47,"value":267},{"type":41,"tag":232,"props":931,"children":932},{"class":234,"line":327},[933],{"type":41,"tag":232,"props":934,"children":935},{"style":249},[936],{"type":47,"value":667},{"type":41,"tag":232,"props":938,"children":939},{"class":234,"line":341},[940],{"type":41,"tag":232,"props":941,"children":942},{"emptyLinePlaceholder":274},[943],{"type":47,"value":277},{"type":41,"tag":232,"props":945,"children":946},{"class":234,"line":371},[947,951,955,959,964,969,974,979,983,987],{"type":41,"tag":232,"props":948,"children":949},{"style":284},[950],{"type":47,"value":287},{"type":41,"tag":232,"props":952,"children":953},{"style":284},[954],{"type":47,"value":292},{"type":41,"tag":232,"props":956,"children":957},{"style":295},[958],{"type":47,"value":298},{"type":41,"tag":232,"props":960,"children":961},{"style":301},[962],{"type":47,"value":963}," MyComponent",{"type":41,"tag":232,"props":965,"children":966},{"style":249},[967],{"type":47,"value":968},"({",{"type":41,"tag":232,"props":970,"children":971},{"style":316},[972],{"type":47,"value":973}," content",{"type":41,"tag":232,"props":975,"children":976},{"style":249},[977],{"type":47,"value":978}," }:",{"type":41,"tag":232,"props":980,"children":981},{"style":355},[982],{"type":47,"value":861},{"type":41,"tag":232,"props":984,"children":985},{"style":249},[986],{"type":47,"value":594},{"type":41,"tag":232,"props":988,"children":989},{"style":249},[990],{"type":47,"value":338},{"type":41,"tag":232,"props":992,"children":993},{"class":234,"line":421},[994,998,1003,1007,1012,1017,1021,1025],{"type":41,"tag":232,"props":995,"children":996},{"style":284},[997],{"type":47,"value":440},{"type":41,"tag":232,"props":999,"children":1000},{"style":249},[1001],{"type":47,"value":1002}," \u003C",{"type":41,"tag":232,"props":1004,"children":1005},{"style":345},[1006],{"type":47,"value":459},{"type":41,"tag":232,"props":1008,"children":1009},{"style":249},[1010],{"type":47,"value":1011},">{",{"type":41,"tag":232,"props":1013,"children":1014},{"style":361},[1015],{"type":47,"value":1016},"content",{"type":41,"tag":232,"props":1018,"children":1019},{"style":249},[1020],{"type":47,"value":645},{"type":41,"tag":232,"props":1022,"children":1023},{"style":345},[1024],{"type":47,"value":459},{"type":41,"tag":232,"props":1026,"children":1027},{"style":249},[1028],{"type":47,"value":1029},">;\n",{"type":41,"tag":232,"props":1031,"children":1032},{"class":234,"line":434},[1033],{"type":41,"tag":232,"props":1034,"children":1035},{"style":249},[1036],{"type":47,"value":667},{"type":41,"tag":1038,"props":1039,"children":1041},"h3",{"id":1040},"common-dom-prop-options",[1042,1044,1049],{"type":47,"value":1043},"Common ",{"type":41,"tag":56,"props":1045,"children":1047},{"className":1046},[],[1048],{"type":47,"value":801},{"type":47,"value":1050}," Prop Options",{"type":41,"tag":221,"props":1052,"children":1054},{"className":223,"code":1053,"language":225,"meta":226,"style":226},"\u002F\u002F Disable body scrolling\n\u003CDOMComponent dom={{ scrollEnabled: false }} \u002F>\n\n\u002F\u002F Flow under the notch (disable safe area insets)\n\u003CDOMComponent dom={{ contentInsetAdjustmentBehavior: \"never\" }} \u002F>\n\n\u002F\u002F Control size manually\n\u003CDOMComponent dom={{ style: { width: 300, height: 400 } }} \u002F>\n\n\u002F\u002F Combine options\n\u003CDOMComponent\n dom={{\n scrollEnabled: false,\n contentInsetAdjustmentBehavior: \"never\",\n style: { width: '100%', height: 500 }\n }}\n\u002F>\n",[1055],{"type":41,"tag":56,"props":1056,"children":1057},{"__ignoreMap":226},[1058,1066,1108,1115,1123,1169,1176,1184,1257,1264,1272,1284,1296,1316,1344,1405,1413],{"type":41,"tag":232,"props":1059,"children":1060},{"class":234,"line":235},[1061],{"type":41,"tag":232,"props":1062,"children":1063},{"style":239},[1064],{"type":47,"value":1065},"\u002F\u002F Disable body scrolling\n",{"type":41,"tag":232,"props":1067,"children":1068},{"class":234,"line":245},[1069,1074,1079,1084,1088,1093,1097,1103],{"type":41,"tag":232,"props":1070,"children":1071},{"style":249},[1072],{"type":47,"value":1073},"\u003C",{"type":41,"tag":232,"props":1075,"children":1076},{"style":355},[1077],{"type":47,"value":1078},"DOMComponent",{"type":41,"tag":232,"props":1080,"children":1081},{"style":295},[1082],{"type":47,"value":1083}," dom",{"type":41,"tag":232,"props":1085,"children":1086},{"style":249},[1087],{"type":47,"value":469},{"type":41,"tag":232,"props":1089,"children":1090},{"style":345},[1091],{"type":47,"value":1092}," scrollEnabled",{"type":41,"tag":232,"props":1094,"children":1095},{"style":249},[1096],{"type":47,"value":352},{"type":41,"tag":232,"props":1098,"children":1100},{"style":1099},"--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC",[1101],{"type":47,"value":1102}," false",{"type":41,"tag":232,"props":1104,"children":1105},{"style":249},[1106],{"type":47,"value":1107}," }} \u002F>\n",{"type":41,"tag":232,"props":1109,"children":1110},{"class":234,"line":270},[1111],{"type":41,"tag":232,"props":1112,"children":1113},{"emptyLinePlaceholder":274},[1114],{"type":47,"value":277},{"type":41,"tag":232,"props":1116,"children":1117},{"class":234,"line":280},[1118],{"type":41,"tag":232,"props":1119,"children":1120},{"style":239},[1121],{"type":47,"value":1122},"\u002F\u002F Flow under the notch (disable safe area insets)\n",{"type":41,"tag":232,"props":1124,"children":1125},{"class":234,"line":312},[1126,1130,1134,1138,1142,1147,1151,1156,1161,1165],{"type":41,"tag":232,"props":1127,"children":1128},{"style":249},[1129],{"type":47,"value":1073},{"type":41,"tag":232,"props":1131,"children":1132},{"style":355},[1133],{"type":47,"value":1078},{"type":41,"tag":232,"props":1135,"children":1136},{"style":295},[1137],{"type":47,"value":1083},{"type":41,"tag":232,"props":1139,"children":1140},{"style":249},[1141],{"type":47,"value":469},{"type":41,"tag":232,"props":1143,"children":1144},{"style":345},[1145],{"type":47,"value":1146}," contentInsetAdjustmentBehavior",{"type":41,"tag":232,"props":1148,"children":1149},{"style":249},[1150],{"type":47,"value":352},{"type":41,"tag":232,"props":1152,"children":1153},{"style":249},[1154],{"type":47,"value":1155}," \"",{"type":41,"tag":232,"props":1157,"children":1158},{"style":255},[1159],{"type":47,"value":1160},"never",{"type":41,"tag":232,"props":1162,"children":1163},{"style":249},[1164],{"type":47,"value":252},{"type":41,"tag":232,"props":1166,"children":1167},{"style":249},[1168],{"type":47,"value":1107},{"type":41,"tag":232,"props":1170,"children":1171},{"class":234,"line":327},[1172],{"type":41,"tag":232,"props":1173,"children":1174},{"emptyLinePlaceholder":274},[1175],{"type":47,"value":277},{"type":41,"tag":232,"props":1177,"children":1178},{"class":234,"line":341},[1179],{"type":41,"tag":232,"props":1180,"children":1181},{"style":239},[1182],{"type":47,"value":1183},"\u002F\u002F Control size manually\n",{"type":41,"tag":232,"props":1185,"children":1186},{"class":234,"line":371},[1187,1191,1195,1199,1203,1207,1211,1216,1221,1225,1230,1234,1239,1243,1248,1253],{"type":41,"tag":232,"props":1188,"children":1189},{"style":249},[1190],{"type":47,"value":1073},{"type":41,"tag":232,"props":1192,"children":1193},{"style":355},[1194],{"type":47,"value":1078},{"type":41,"tag":232,"props":1196,"children":1197},{"style":295},[1198],{"type":47,"value":1083},{"type":41,"tag":232,"props":1200,"children":1201},{"style":249},[1202],{"type":47,"value":469},{"type":41,"tag":232,"props":1204,"children":1205},{"style":345},[1206],{"type":47,"value":464},{"type":41,"tag":232,"props":1208,"children":1209},{"style":249},[1210],{"type":47,"value":352},{"type":41,"tag":232,"props":1212,"children":1213},{"style":249},[1214],{"type":47,"value":1215}," {",{"type":41,"tag":232,"props":1217,"children":1218},{"style":345},[1219],{"type":47,"value":1220}," width",{"type":41,"tag":232,"props":1222,"children":1223},{"style":249},[1224],{"type":47,"value":352},{"type":41,"tag":232,"props":1226,"children":1227},{"style":481},[1228],{"type":47,"value":1229}," 300",{"type":41,"tag":232,"props":1231,"children":1232},{"style":249},[1233],{"type":47,"value":584},{"type":41,"tag":232,"props":1235,"children":1236},{"style":345},[1237],{"type":47,"value":1238}," height",{"type":41,"tag":232,"props":1240,"children":1241},{"style":249},[1242],{"type":47,"value":352},{"type":41,"tag":232,"props":1244,"children":1245},{"style":481},[1246],{"type":47,"value":1247}," 400",{"type":41,"tag":232,"props":1249,"children":1250},{"style":249},[1251],{"type":47,"value":1252}," }",{"type":41,"tag":232,"props":1254,"children":1255},{"style":249},[1256],{"type":47,"value":1107},{"type":41,"tag":232,"props":1258,"children":1259},{"class":234,"line":421},[1260],{"type":41,"tag":232,"props":1261,"children":1262},{"emptyLinePlaceholder":274},[1263],{"type":47,"value":277},{"type":41,"tag":232,"props":1265,"children":1266},{"class":234,"line":434},[1267],{"type":41,"tag":232,"props":1268,"children":1269},{"style":239},[1270],{"type":47,"value":1271},"\u002F\u002F Combine options\n",{"type":41,"tag":232,"props":1273,"children":1274},{"class":234,"line":448},[1275,1279],{"type":41,"tag":232,"props":1276,"children":1277},{"style":249},[1278],{"type":47,"value":1073},{"type":41,"tag":232,"props":1280,"children":1281},{"style":355},[1282],{"type":47,"value":1283},"DOMComponent\n",{"type":41,"tag":232,"props":1285,"children":1286},{"class":234,"line":492},[1287,1291],{"type":41,"tag":232,"props":1288,"children":1289},{"style":295},[1290],{"type":47,"value":377},{"type":41,"tag":232,"props":1292,"children":1293},{"style":249},[1294],{"type":47,"value":1295},"={{\n",{"type":41,"tag":232,"props":1297,"children":1298},{"class":234,"line":529},[1299,1304,1308,1312],{"type":41,"tag":232,"props":1300,"children":1301},{"style":345},[1302],{"type":47,"value":1303}," scrollEnabled",{"type":41,"tag":232,"props":1305,"children":1306},{"style":249},[1307],{"type":47,"value":352},{"type":41,"tag":232,"props":1309,"children":1310},{"style":1099},[1311],{"type":47,"value":1102},{"type":41,"tag":232,"props":1313,"children":1314},{"style":249},[1315],{"type":47,"value":324},{"type":41,"tag":232,"props":1317,"children":1318},{"class":234,"line":545},[1319,1324,1328,1332,1336,1340],{"type":41,"tag":232,"props":1320,"children":1321},{"style":345},[1322],{"type":47,"value":1323}," contentInsetAdjustmentBehavior",{"type":41,"tag":232,"props":1325,"children":1326},{"style":249},[1327],{"type":47,"value":352},{"type":41,"tag":232,"props":1329,"children":1330},{"style":249},[1331],{"type":47,"value":1155},{"type":41,"tag":232,"props":1333,"children":1334},{"style":255},[1335],{"type":47,"value":1160},{"type":41,"tag":232,"props":1337,"children":1338},{"style":249},[1339],{"type":47,"value":252},{"type":41,"tag":232,"props":1341,"children":1342},{"style":249},[1343],{"type":47,"value":324},{"type":41,"tag":232,"props":1345,"children":1346},{"class":234,"line":606},[1347,1352,1356,1360,1364,1368,1373,1378,1383,1387,1391,1395,1400],{"type":41,"tag":232,"props":1348,"children":1349},{"style":345},[1350],{"type":47,"value":1351}," style",{"type":41,"tag":232,"props":1353,"children":1354},{"style":249},[1355],{"type":47,"value":352},{"type":41,"tag":232,"props":1357,"children":1358},{"style":249},[1359],{"type":47,"value":1215},{"type":41,"tag":232,"props":1361,"children":1362},{"style":345},[1363],{"type":47,"value":1220},{"type":41,"tag":232,"props":1365,"children":1366},{"style":249},[1367],{"type":47,"value":352},{"type":41,"tag":232,"props":1369,"children":1370},{"style":249},[1371],{"type":47,"value":1372}," '",{"type":41,"tag":232,"props":1374,"children":1375},{"style":255},[1376],{"type":47,"value":1377},"100%",{"type":41,"tag":232,"props":1379,"children":1380},{"style":249},[1381],{"type":47,"value":1382},"'",{"type":41,"tag":232,"props":1384,"children":1385},{"style":249},[1386],{"type":47,"value":584},{"type":41,"tag":232,"props":1388,"children":1389},{"style":345},[1390],{"type":47,"value":1238},{"type":41,"tag":232,"props":1392,"children":1393},{"style":249},[1394],{"type":47,"value":352},{"type":41,"tag":232,"props":1396,"children":1397},{"style":481},[1398],{"type":47,"value":1399}," 500",{"type":41,"tag":232,"props":1401,"children":1402},{"style":249},[1403],{"type":47,"value":1404}," }\n",{"type":41,"tag":232,"props":1406,"children":1407},{"class":234,"line":656},[1408],{"type":41,"tag":232,"props":1409,"children":1410},{"style":249},[1411],{"type":47,"value":1412}," }}\n",{"type":41,"tag":232,"props":1414,"children":1415},{"class":234,"line":670},[1416],{"type":41,"tag":232,"props":1417,"children":1418},{"style":249},[1419],{"type":47,"value":1420},"\u002F>\n",{"type":41,"tag":42,"props":1422,"children":1424},{"id":1423},"exposing-native-actions-to-the-webview",[1425],{"type":47,"value":1426},"Exposing Native Actions to the Webview",{"type":41,"tag":50,"props":1428,"children":1429},{},[1430],{"type":47,"value":1431},"Pass async functions as props to expose native functionality to the DOM component:",{"type":41,"tag":221,"props":1433,"children":1435},{"className":223,"code":1434,"language":225,"meta":226,"style":226},"\u002F\u002F app\u002Findex.tsx (native)\nimport { Alert } from \"react-native\";\nimport DOMComponent from \"@\u002Fcomponents\u002Fdom-component\";\n\nexport default function Screen() {\n return (\n \u003CDOMComponent\n showAlert={async (message: string) => {\n Alert.alert(\"From Web\", message);\n }}\n saveData={async (data: { name: string; value: number }) => {\n \u002F\u002F Save to native storage, database, etc.\n console.log(\"Saving:\", data);\n return { success: true };\n }}\n \u002F>\n );\n}\n",[1436],{"type":41,"tag":56,"props":1437,"children":1438},{"__ignoreMap":226},[1439,1447,1489,1523,1530,1559,1570,1581,1628,1679,1687,1763,1771,1822,1853,1860,1868,1879],{"type":41,"tag":232,"props":1440,"children":1441},{"class":234,"line":235},[1442],{"type":41,"tag":232,"props":1443,"children":1444},{"style":239},[1445],{"type":47,"value":1446},"\u002F\u002F app\u002Findex.tsx (native)\n",{"type":41,"tag":232,"props":1448,"children":1449},{"class":234,"line":245},[1450,1455,1459,1464,1468,1473,1477,1481,1485],{"type":41,"tag":232,"props":1451,"children":1452},{"style":284},[1453],{"type":47,"value":1454},"import",{"type":41,"tag":232,"props":1456,"children":1457},{"style":249},[1458],{"type":47,"value":1215},{"type":41,"tag":232,"props":1460,"children":1461},{"style":361},[1462],{"type":47,"value":1463}," Alert",{"type":41,"tag":232,"props":1465,"children":1466},{"style":249},[1467],{"type":47,"value":1252},{"type":41,"tag":232,"props":1469,"children":1470},{"style":284},[1471],{"type":47,"value":1472}," from",{"type":41,"tag":232,"props":1474,"children":1475},{"style":249},[1476],{"type":47,"value":1155},{"type":41,"tag":232,"props":1478,"children":1479},{"style":255},[1480],{"type":47,"value":14},{"type":41,"tag":232,"props":1482,"children":1483},{"style":249},[1484],{"type":47,"value":252},{"type":41,"tag":232,"props":1486,"children":1487},{"style":249},[1488],{"type":47,"value":267},{"type":41,"tag":232,"props":1490,"children":1491},{"class":234,"line":270},[1492,1496,1501,1506,1510,1515,1519],{"type":41,"tag":232,"props":1493,"children":1494},{"style":284},[1495],{"type":47,"value":1454},{"type":41,"tag":232,"props":1497,"children":1498},{"style":361},[1499],{"type":47,"value":1500}," DOMComponent ",{"type":41,"tag":232,"props":1502,"children":1503},{"style":284},[1504],{"type":47,"value":1505},"from",{"type":41,"tag":232,"props":1507,"children":1508},{"style":249},[1509],{"type":47,"value":1155},{"type":41,"tag":232,"props":1511,"children":1512},{"style":255},[1513],{"type":47,"value":1514},"@\u002Fcomponents\u002Fdom-component",{"type":41,"tag":232,"props":1516,"children":1517},{"style":249},[1518],{"type":47,"value":252},{"type":41,"tag":232,"props":1520,"children":1521},{"style":249},[1522],{"type":47,"value":267},{"type":41,"tag":232,"props":1524,"children":1525},{"class":234,"line":280},[1526],{"type":41,"tag":232,"props":1527,"children":1528},{"emptyLinePlaceholder":274},[1529],{"type":47,"value":277},{"type":41,"tag":232,"props":1531,"children":1532},{"class":234,"line":312},[1533,1537,1541,1545,1550,1555],{"type":41,"tag":232,"props":1534,"children":1535},{"style":284},[1536],{"type":47,"value":287},{"type":41,"tag":232,"props":1538,"children":1539},{"style":284},[1540],{"type":47,"value":292},{"type":41,"tag":232,"props":1542,"children":1543},{"style":295},[1544],{"type":47,"value":298},{"type":41,"tag":232,"props":1546,"children":1547},{"style":301},[1548],{"type":47,"value":1549}," Screen",{"type":41,"tag":232,"props":1551,"children":1552},{"style":249},[1553],{"type":47,"value":1554},"()",{"type":41,"tag":232,"props":1556,"children":1557},{"style":249},[1558],{"type":47,"value":338},{"type":41,"tag":232,"props":1560,"children":1561},{"class":234,"line":327},[1562,1566],{"type":41,"tag":232,"props":1563,"children":1564},{"style":284},[1565],{"type":47,"value":440},{"type":41,"tag":232,"props":1567,"children":1568},{"style":345},[1569],{"type":47,"value":445},{"type":41,"tag":232,"props":1571,"children":1572},{"class":234,"line":341},[1573,1577],{"type":41,"tag":232,"props":1574,"children":1575},{"style":249},[1576],{"type":47,"value":454},{"type":41,"tag":232,"props":1578,"children":1579},{"style":355},[1580],{"type":47,"value":1283},{"type":41,"tag":232,"props":1582,"children":1583},{"class":234,"line":371},[1584,1589,1593,1598,1603,1608,1612,1616,1620,1624],{"type":41,"tag":232,"props":1585,"children":1586},{"style":295},[1587],{"type":47,"value":1588}," showAlert",{"type":41,"tag":232,"props":1590,"children":1591},{"style":249},[1592],{"type":47,"value":626},{"type":41,"tag":232,"props":1594,"children":1595},{"style":295},[1596],{"type":47,"value":1597},"async",{"type":41,"tag":232,"props":1599,"children":1600},{"style":249},[1601],{"type":47,"value":1602}," (",{"type":41,"tag":232,"props":1604,"children":1605},{"style":316},[1606],{"type":47,"value":1607},"message",{"type":41,"tag":232,"props":1609,"children":1610},{"style":249},[1611],{"type":47,"value":352},{"type":41,"tag":232,"props":1613,"children":1614},{"style":355},[1615],{"type":47,"value":882},{"type":41,"tag":232,"props":1617,"children":1618},{"style":249},[1619],{"type":47,"value":594},{"type":41,"tag":232,"props":1621,"children":1622},{"style":295},[1623],{"type":47,"value":599},{"type":41,"tag":232,"props":1625,"children":1626},{"style":249},[1627],{"type":47,"value":338},{"type":41,"tag":232,"props":1629,"children":1630},{"class":234,"line":421},[1631,1636,1640,1645,1649,1653,1658,1662,1666,1671,1675],{"type":41,"tag":232,"props":1632,"children":1633},{"style":361},[1634],{"type":47,"value":1635}," Alert",{"type":41,"tag":232,"props":1637,"children":1638},{"style":249},[1639],{"type":47,"value":561},{"type":41,"tag":232,"props":1641,"children":1642},{"style":301},[1643],{"type":47,"value":1644},"alert",{"type":41,"tag":232,"props":1646,"children":1647},{"style":345},[1648],{"type":47,"value":391},{"type":41,"tag":232,"props":1650,"children":1651},{"style":249},[1652],{"type":47,"value":252},{"type":41,"tag":232,"props":1654,"children":1655},{"style":255},[1656],{"type":47,"value":1657},"From Web",{"type":41,"tag":232,"props":1659,"children":1660},{"style":249},[1661],{"type":47,"value":252},{"type":41,"tag":232,"props":1663,"children":1664},{"style":249},[1665],{"type":47,"value":584},{"type":41,"tag":232,"props":1667,"children":1668},{"style":361},[1669],{"type":47,"value":1670}," message",{"type":41,"tag":232,"props":1672,"children":1673},{"style":345},[1674],{"type":47,"value":594},{"type":41,"tag":232,"props":1676,"children":1677},{"style":249},[1678],{"type":47,"value":267},{"type":41,"tag":232,"props":1680,"children":1681},{"class":234,"line":434},[1682],{"type":41,"tag":232,"props":1683,"children":1684},{"style":249},[1685],{"type":47,"value":1686}," }}\n",{"type":41,"tag":232,"props":1688,"children":1689},{"class":234,"line":448},[1690,1695,1699,1703,1707,1711,1715,1719,1724,1728,1732,1737,1742,1746,1750,1755,1759],{"type":41,"tag":232,"props":1691,"children":1692},{"style":295},[1693],{"type":47,"value":1694}," saveData",{"type":41,"tag":232,"props":1696,"children":1697},{"style":249},[1698],{"type":47,"value":626},{"type":41,"tag":232,"props":1700,"children":1701},{"style":295},[1702],{"type":47,"value":1597},{"type":41,"tag":232,"props":1704,"children":1705},{"style":249},[1706],{"type":47,"value":1602},{"type":41,"tag":232,"props":1708,"children":1709},{"style":316},[1710],{"type":47,"value":556},{"type":41,"tag":232,"props":1712,"children":1713},{"style":249},[1714],{"type":47,"value":352},{"type":41,"tag":232,"props":1716,"children":1717},{"style":249},[1718],{"type":47,"value":1215},{"type":41,"tag":232,"props":1720,"children":1721},{"style":345},[1722],{"type":47,"value":1723}," name",{"type":41,"tag":232,"props":1725,"children":1726},{"style":249},[1727],{"type":47,"value":352},{"type":41,"tag":232,"props":1729,"children":1730},{"style":355},[1731],{"type":47,"value":882},{"type":41,"tag":232,"props":1733,"children":1734},{"style":249},[1735],{"type":47,"value":1736},";",{"type":41,"tag":232,"props":1738,"children":1739},{"style":345},[1740],{"type":47,"value":1741}," value",{"type":41,"tag":232,"props":1743,"children":1744},{"style":249},[1745],{"type":47,"value":352},{"type":41,"tag":232,"props":1747,"children":1748},{"style":355},[1749],{"type":47,"value":358},{"type":41,"tag":232,"props":1751,"children":1752},{"style":249},[1753],{"type":47,"value":1754}," })",{"type":41,"tag":232,"props":1756,"children":1757},{"style":295},[1758],{"type":47,"value":599},{"type":41,"tag":232,"props":1760,"children":1761},{"style":249},[1762],{"type":47,"value":338},{"type":41,"tag":232,"props":1764,"children":1765},{"class":234,"line":492},[1766],{"type":41,"tag":232,"props":1767,"children":1768},{"style":239},[1769],{"type":47,"value":1770}," \u002F\u002F Save to native storage, database, etc.\n",{"type":41,"tag":232,"props":1772,"children":1773},{"class":234,"line":529},[1774,1779,1783,1788,1792,1796,1801,1805,1809,1814,1818],{"type":41,"tag":232,"props":1775,"children":1776},{"style":361},[1777],{"type":47,"value":1778}," console",{"type":41,"tag":232,"props":1780,"children":1781},{"style":249},[1782],{"type":47,"value":561},{"type":41,"tag":232,"props":1784,"children":1785},{"style":301},[1786],{"type":47,"value":1787},"log",{"type":41,"tag":232,"props":1789,"children":1790},{"style":345},[1791],{"type":47,"value":391},{"type":41,"tag":232,"props":1793,"children":1794},{"style":249},[1795],{"type":47,"value":252},{"type":41,"tag":232,"props":1797,"children":1798},{"style":255},[1799],{"type":47,"value":1800},"Saving:",{"type":41,"tag":232,"props":1802,"children":1803},{"style":249},[1804],{"type":47,"value":252},{"type":41,"tag":232,"props":1806,"children":1807},{"style":249},[1808],{"type":47,"value":584},{"type":41,"tag":232,"props":1810,"children":1811},{"style":361},[1812],{"type":47,"value":1813}," data",{"type":41,"tag":232,"props":1815,"children":1816},{"style":345},[1817],{"type":47,"value":594},{"type":41,"tag":232,"props":1819,"children":1820},{"style":249},[1821],{"type":47,"value":267},{"type":41,"tag":232,"props":1823,"children":1824},{"class":234,"line":545},[1825,1830,1834,1839,1843,1848],{"type":41,"tag":232,"props":1826,"children":1827},{"style":284},[1828],{"type":47,"value":1829}," return",{"type":41,"tag":232,"props":1831,"children":1832},{"style":249},[1833],{"type":47,"value":1215},{"type":41,"tag":232,"props":1835,"children":1836},{"style":345},[1837],{"type":47,"value":1838}," success",{"type":41,"tag":232,"props":1840,"children":1841},{"style":249},[1842],{"type":47,"value":352},{"type":41,"tag":232,"props":1844,"children":1845},{"style":1099},[1846],{"type":47,"value":1847}," true",{"type":41,"tag":232,"props":1849,"children":1850},{"style":249},[1851],{"type":47,"value":1852}," };\n",{"type":41,"tag":232,"props":1854,"children":1855},{"class":234,"line":606},[1856],{"type":41,"tag":232,"props":1857,"children":1858},{"style":249},[1859],{"type":47,"value":1686},{"type":41,"tag":232,"props":1861,"children":1862},{"class":234,"line":656},[1863],{"type":41,"tag":232,"props":1864,"children":1865},{"style":249},[1866],{"type":47,"value":1867}," \u002F>\n",{"type":41,"tag":232,"props":1869,"children":1870},{"class":234,"line":670},[1871,1875],{"type":41,"tag":232,"props":1872,"children":1873},{"style":345},[1874],{"type":47,"value":710},{"type":41,"tag":232,"props":1876,"children":1877},{"style":249},[1878],{"type":47,"value":267},{"type":41,"tag":232,"props":1880,"children":1881},{"class":234,"line":687},[1882],{"type":41,"tag":232,"props":1883,"children":1884},{"style":249},[1885],{"type":47,"value":667},{"type":41,"tag":221,"props":1887,"children":1889},{"className":223,"code":1888,"language":225,"meta":226,"style":226},"\u002F\u002F components\u002Fdom-component.tsx\n\"use dom\";\n\ninterface Props {\n showAlert: (message: string) => Promise\u003Cvoid>;\n saveData: (data: {\n name: string;\n value: number;\n }) => Promise\u003C{ success: boolean }>;\n dom?: import(\"expo\u002Fdom\").DOMProps;\n}\n\nexport default function DOMComponent({ showAlert, saveData }: Props) {\n const handleClick = async () => {\n await showAlert(\"Hello from the webview!\");\n const result = await saveData({ name: \"test\", value: 42 });\n console.log(\"Save result:\", result);\n };\n\n return \u003Cbutton onClick={handleClick}>Trigger Native Action\u003C\u002Fbutton>;\n}\n",[1890],{"type":41,"tag":56,"props":1891,"children":1892},{"__ignoreMap":226},[1893,1901,1920,1927,1942,1996,2024,2044,2064,2103,2147,2154,2161,2215,2251,2288,2373,2422,2430,2437,2489],{"type":41,"tag":232,"props":1894,"children":1895},{"class":234,"line":235},[1896],{"type":41,"tag":232,"props":1897,"children":1898},{"style":239},[1899],{"type":47,"value":1900},"\u002F\u002F components\u002Fdom-component.tsx\n",{"type":41,"tag":232,"props":1902,"children":1903},{"class":234,"line":245},[1904,1908,1912,1916],{"type":41,"tag":232,"props":1905,"children":1906},{"style":249},[1907],{"type":47,"value":252},{"type":41,"tag":232,"props":1909,"children":1910},{"style":255},[1911],{"type":47,"value":258},{"type":41,"tag":232,"props":1913,"children":1914},{"style":249},[1915],{"type":47,"value":252},{"type":41,"tag":232,"props":1917,"children":1918},{"style":249},[1919],{"type":47,"value":267},{"type":41,"tag":232,"props":1921,"children":1922},{"class":234,"line":270},[1923],{"type":41,"tag":232,"props":1924,"children":1925},{"emptyLinePlaceholder":274},[1926],{"type":47,"value":277},{"type":41,"tag":232,"props":1928,"children":1929},{"class":234,"line":280},[1930,1934,1938],{"type":41,"tag":232,"props":1931,"children":1932},{"style":295},[1933],{"type":47,"value":856},{"type":41,"tag":232,"props":1935,"children":1936},{"style":355},[1937],{"type":47,"value":861},{"type":41,"tag":232,"props":1939,"children":1940},{"style":249},[1941],{"type":47,"value":338},{"type":41,"tag":232,"props":1943,"children":1944},{"class":234,"line":312},[1945,1950,1954,1958,1962,1966,1970,1974,1978,1983,1987,1992],{"type":41,"tag":232,"props":1946,"children":1947},{"style":345},[1948],{"type":47,"value":1949}," showAlert",{"type":41,"tag":232,"props":1951,"children":1952},{"style":249},[1953],{"type":47,"value":352},{"type":41,"tag":232,"props":1955,"children":1956},{"style":249},[1957],{"type":47,"value":1602},{"type":41,"tag":232,"props":1959,"children":1960},{"style":316},[1961],{"type":47,"value":1607},{"type":41,"tag":232,"props":1963,"children":1964},{"style":249},[1965],{"type":47,"value":352},{"type":41,"tag":232,"props":1967,"children":1968},{"style":355},[1969],{"type":47,"value":882},{"type":41,"tag":232,"props":1971,"children":1972},{"style":249},[1973],{"type":47,"value":594},{"type":41,"tag":232,"props":1975,"children":1976},{"style":295},[1977],{"type":47,"value":599},{"type":41,"tag":232,"props":1979,"children":1980},{"style":355},[1981],{"type":47,"value":1982}," Promise",{"type":41,"tag":232,"props":1984,"children":1985},{"style":249},[1986],{"type":47,"value":1073},{"type":41,"tag":232,"props":1988,"children":1989},{"style":355},[1990],{"type":47,"value":1991},"void",{"type":41,"tag":232,"props":1993,"children":1994},{"style":249},[1995],{"type":47,"value":1029},{"type":41,"tag":232,"props":1997,"children":1998},{"class":234,"line":327},[1999,2004,2008,2012,2016,2020],{"type":41,"tag":232,"props":2000,"children":2001},{"style":345},[2002],{"type":47,"value":2003}," saveData",{"type":41,"tag":232,"props":2005,"children":2006},{"style":249},[2007],{"type":47,"value":352},{"type":41,"tag":232,"props":2009,"children":2010},{"style":249},[2011],{"type":47,"value":1602},{"type":41,"tag":232,"props":2013,"children":2014},{"style":316},[2015],{"type":47,"value":556},{"type":41,"tag":232,"props":2017,"children":2018},{"style":249},[2019],{"type":47,"value":352},{"type":41,"tag":232,"props":2021,"children":2022},{"style":249},[2023],{"type":47,"value":338},{"type":41,"tag":232,"props":2025,"children":2026},{"class":234,"line":341},[2027,2032,2036,2040],{"type":41,"tag":232,"props":2028,"children":2029},{"style":345},[2030],{"type":47,"value":2031}," name",{"type":41,"tag":232,"props":2033,"children":2034},{"style":249},[2035],{"type":47,"value":352},{"type":41,"tag":232,"props":2037,"children":2038},{"style":355},[2039],{"type":47,"value":882},{"type":41,"tag":232,"props":2041,"children":2042},{"style":249},[2043],{"type":47,"value":267},{"type":41,"tag":232,"props":2045,"children":2046},{"class":234,"line":371},[2047,2052,2056,2060],{"type":41,"tag":232,"props":2048,"children":2049},{"style":345},[2050],{"type":47,"value":2051}," value",{"type":41,"tag":232,"props":2053,"children":2054},{"style":249},[2055],{"type":47,"value":352},{"type":41,"tag":232,"props":2057,"children":2058},{"style":355},[2059],{"type":47,"value":358},{"type":41,"tag":232,"props":2061,"children":2062},{"style":249},[2063],{"type":47,"value":267},{"type":41,"tag":232,"props":2065,"children":2066},{"class":234,"line":421},[2067,2072,2076,2080,2085,2089,2093,2098],{"type":41,"tag":232,"props":2068,"children":2069},{"style":249},[2070],{"type":47,"value":2071}," })",{"type":41,"tag":232,"props":2073,"children":2074},{"style":295},[2075],{"type":47,"value":599},{"type":41,"tag":232,"props":2077,"children":2078},{"style":355},[2079],{"type":47,"value":1982},{"type":41,"tag":232,"props":2081,"children":2082},{"style":249},[2083],{"type":47,"value":2084},"\u003C{",{"type":41,"tag":232,"props":2086,"children":2087},{"style":345},[2088],{"type":47,"value":1838},{"type":41,"tag":232,"props":2090,"children":2091},{"style":249},[2092],{"type":47,"value":352},{"type":41,"tag":232,"props":2094,"children":2095},{"style":355},[2096],{"type":47,"value":2097}," boolean",{"type":41,"tag":232,"props":2099,"children":2100},{"style":249},[2101],{"type":47,"value":2102}," }>;\n",{"type":41,"tag":232,"props":2104,"children":2105},{"class":234,"line":434},[2106,2110,2115,2119,2123,2127,2131,2135,2139,2143],{"type":41,"tag":232,"props":2107,"children":2108},{"style":345},[2109],{"type":47,"value":377},{"type":41,"tag":232,"props":2111,"children":2112},{"style":249},[2113],{"type":47,"value":2114},"?:",{"type":41,"tag":232,"props":2116,"children":2117},{"style":249},[2118],{"type":47,"value":386},{"type":41,"tag":232,"props":2120,"children":2121},{"style":361},[2122],{"type":47,"value":391},{"type":41,"tag":232,"props":2124,"children":2125},{"style":249},[2126],{"type":47,"value":252},{"type":41,"tag":232,"props":2128,"children":2129},{"style":255},[2130],{"type":47,"value":400},{"type":41,"tag":232,"props":2132,"children":2133},{"style":249},[2134],{"type":47,"value":252},{"type":41,"tag":232,"props":2136,"children":2137},{"style":361},[2138],{"type":47,"value":409},{"type":41,"tag":232,"props":2140,"children":2141},{"style":355},[2142],{"type":47,"value":414},{"type":41,"tag":232,"props":2144,"children":2145},{"style":249},[2146],{"type":47,"value":267},{"type":41,"tag":232,"props":2148,"children":2149},{"class":234,"line":448},[2150],{"type":41,"tag":232,"props":2151,"children":2152},{"style":249},[2153],{"type":47,"value":667},{"type":41,"tag":232,"props":2155,"children":2156},{"class":234,"line":492},[2157],{"type":41,"tag":232,"props":2158,"children":2159},{"emptyLinePlaceholder":274},[2160],{"type":47,"value":277},{"type":41,"tag":232,"props":2162,"children":2163},{"class":234,"line":529},[2164,2168,2172,2176,2181,2185,2190,2194,2199,2203,2207,2211],{"type":41,"tag":232,"props":2165,"children":2166},{"style":284},[2167],{"type":47,"value":287},{"type":41,"tag":232,"props":2169,"children":2170},{"style":284},[2171],{"type":47,"value":292},{"type":41,"tag":232,"props":2173,"children":2174},{"style":295},[2175],{"type":47,"value":298},{"type":41,"tag":232,"props":2177,"children":2178},{"style":301},[2179],{"type":47,"value":2180}," DOMComponent",{"type":41,"tag":232,"props":2182,"children":2183},{"style":249},[2184],{"type":47,"value":968},{"type":41,"tag":232,"props":2186,"children":2187},{"style":316},[2188],{"type":47,"value":2189}," showAlert",{"type":41,"tag":232,"props":2191,"children":2192},{"style":249},[2193],{"type":47,"value":584},{"type":41,"tag":232,"props":2195,"children":2196},{"style":316},[2197],{"type":47,"value":2198}," saveData",{"type":41,"tag":232,"props":2200,"children":2201},{"style":249},[2202],{"type":47,"value":978},{"type":41,"tag":232,"props":2204,"children":2205},{"style":355},[2206],{"type":47,"value":861},{"type":41,"tag":232,"props":2208,"children":2209},{"style":249},[2210],{"type":47,"value":594},{"type":41,"tag":232,"props":2212,"children":2213},{"style":249},[2214],{"type":47,"value":338},{"type":41,"tag":232,"props":2216,"children":2217},{"class":234,"line":545},[2218,2223,2228,2233,2238,2243,2247],{"type":41,"tag":232,"props":2219,"children":2220},{"style":295},[2221],{"type":47,"value":2222}," const",{"type":41,"tag":232,"props":2224,"children":2225},{"style":361},[2226],{"type":47,"value":2227}," handleClick",{"type":41,"tag":232,"props":2229,"children":2230},{"style":249},[2231],{"type":47,"value":2232}," =",{"type":41,"tag":232,"props":2234,"children":2235},{"style":295},[2236],{"type":47,"value":2237}," async",{"type":41,"tag":232,"props":2239,"children":2240},{"style":249},[2241],{"type":47,"value":2242}," ()",{"type":41,"tag":232,"props":2244,"children":2245},{"style":295},[2246],{"type":47,"value":599},{"type":41,"tag":232,"props":2248,"children":2249},{"style":249},[2250],{"type":47,"value":338},{"type":41,"tag":232,"props":2252,"children":2253},{"class":234,"line":606},[2254,2259,2263,2267,2271,2276,2280,2284],{"type":41,"tag":232,"props":2255,"children":2256},{"style":284},[2257],{"type":47,"value":2258}," await",{"type":41,"tag":232,"props":2260,"children":2261},{"style":301},[2262],{"type":47,"value":2189},{"type":41,"tag":232,"props":2264,"children":2265},{"style":345},[2266],{"type":47,"value":391},{"type":41,"tag":232,"props":2268,"children":2269},{"style":249},[2270],{"type":47,"value":252},{"type":41,"tag":232,"props":2272,"children":2273},{"style":255},[2274],{"type":47,"value":2275},"Hello from the webview!",{"type":41,"tag":232,"props":2277,"children":2278},{"style":249},[2279],{"type":47,"value":252},{"type":41,"tag":232,"props":2281,"children":2282},{"style":345},[2283],{"type":47,"value":594},{"type":41,"tag":232,"props":2285,"children":2286},{"style":249},[2287],{"type":47,"value":267},{"type":41,"tag":232,"props":2289,"children":2290},{"class":234,"line":656},[2291,2296,2301,2305,2310,2314,2318,2323,2327,2331,2335,2340,2344,2348,2352,2356,2361,2365,2369],{"type":41,"tag":232,"props":2292,"children":2293},{"style":295},[2294],{"type":47,"value":2295}," const",{"type":41,"tag":232,"props":2297,"children":2298},{"style":361},[2299],{"type":47,"value":2300}," result",{"type":41,"tag":232,"props":2302,"children":2303},{"style":249},[2304],{"type":47,"value":2232},{"type":41,"tag":232,"props":2306,"children":2307},{"style":284},[2308],{"type":47,"value":2309}," await",{"type":41,"tag":232,"props":2311,"children":2312},{"style":301},[2313],{"type":47,"value":2198},{"type":41,"tag":232,"props":2315,"children":2316},{"style":345},[2317],{"type":47,"value":391},{"type":41,"tag":232,"props":2319,"children":2320},{"style":249},[2321],{"type":47,"value":2322},"{",{"type":41,"tag":232,"props":2324,"children":2325},{"style":345},[2326],{"type":47,"value":1723},{"type":41,"tag":232,"props":2328,"children":2329},{"style":249},[2330],{"type":47,"value":352},{"type":41,"tag":232,"props":2332,"children":2333},{"style":249},[2334],{"type":47,"value":1155},{"type":41,"tag":232,"props":2336,"children":2337},{"style":255},[2338],{"type":47,"value":2339},"test",{"type":41,"tag":232,"props":2341,"children":2342},{"style":249},[2343],{"type":47,"value":252},{"type":41,"tag":232,"props":2345,"children":2346},{"style":249},[2347],{"type":47,"value":584},{"type":41,"tag":232,"props":2349,"children":2350},{"style":345},[2351],{"type":47,"value":1741},{"type":41,"tag":232,"props":2353,"children":2354},{"style":249},[2355],{"type":47,"value":352},{"type":41,"tag":232,"props":2357,"children":2358},{"style":481},[2359],{"type":47,"value":2360}," 42",{"type":41,"tag":232,"props":2362,"children":2363},{"style":249},[2364],{"type":47,"value":1252},{"type":41,"tag":232,"props":2366,"children":2367},{"style":345},[2368],{"type":47,"value":594},{"type":41,"tag":232,"props":2370,"children":2371},{"style":249},[2372],{"type":47,"value":267},{"type":41,"tag":232,"props":2374,"children":2375},{"class":234,"line":670},[2376,2381,2385,2389,2393,2397,2402,2406,2410,2414,2418],{"type":41,"tag":232,"props":2377,"children":2378},{"style":361},[2379],{"type":47,"value":2380}," console",{"type":41,"tag":232,"props":2382,"children":2383},{"style":249},[2384],{"type":47,"value":561},{"type":41,"tag":232,"props":2386,"children":2387},{"style":301},[2388],{"type":47,"value":1787},{"type":41,"tag":232,"props":2390,"children":2391},{"style":345},[2392],{"type":47,"value":391},{"type":41,"tag":232,"props":2394,"children":2395},{"style":249},[2396],{"type":47,"value":252},{"type":41,"tag":232,"props":2398,"children":2399},{"style":255},[2400],{"type":47,"value":2401},"Save result:",{"type":41,"tag":232,"props":2403,"children":2404},{"style":249},[2405],{"type":47,"value":252},{"type":41,"tag":232,"props":2407,"children":2408},{"style":249},[2409],{"type":47,"value":584},{"type":41,"tag":232,"props":2411,"children":2412},{"style":361},[2413],{"type":47,"value":2300},{"type":41,"tag":232,"props":2415,"children":2416},{"style":345},[2417],{"type":47,"value":594},{"type":41,"tag":232,"props":2419,"children":2420},{"style":249},[2421],{"type":47,"value":267},{"type":41,"tag":232,"props":2423,"children":2424},{"class":234,"line":687},[2425],{"type":41,"tag":232,"props":2426,"children":2427},{"style":249},[2428],{"type":47,"value":2429}," };\n",{"type":41,"tag":232,"props":2431,"children":2432},{"class":234,"line":704},[2433],{"type":41,"tag":232,"props":2434,"children":2435},{"emptyLinePlaceholder":274},[2436],{"type":47,"value":277},{"type":41,"tag":232,"props":2438,"children":2439},{"class":234,"line":717},[2440,2444,2448,2453,2458,2462,2467,2472,2477,2481,2485],{"type":41,"tag":232,"props":2441,"children":2442},{"style":284},[2443],{"type":47,"value":440},{"type":41,"tag":232,"props":2445,"children":2446},{"style":249},[2447],{"type":47,"value":1002},{"type":41,"tag":232,"props":2449,"children":2450},{"style":345},[2451],{"type":47,"value":2452},"button",{"type":41,"tag":232,"props":2454,"children":2455},{"style":295},[2456],{"type":47,"value":2457}," onClick",{"type":41,"tag":232,"props":2459,"children":2460},{"style":249},[2461],{"type":47,"value":626},{"type":41,"tag":232,"props":2463,"children":2464},{"style":361},[2465],{"type":47,"value":2466},"handleClick",{"type":41,"tag":232,"props":2468,"children":2469},{"style":249},[2470],{"type":47,"value":2471},"}>",{"type":41,"tag":232,"props":2473,"children":2474},{"style":361},[2475],{"type":47,"value":2476},"Trigger Native Action",{"type":41,"tag":232,"props":2478,"children":2479},{"style":249},[2480],{"type":47,"value":517},{"type":41,"tag":232,"props":2482,"children":2483},{"style":345},[2484],{"type":47,"value":2452},{"type":41,"tag":232,"props":2486,"children":2487},{"style":249},[2488],{"type":47,"value":1029},{"type":41,"tag":232,"props":2490,"children":2492},{"class":234,"line":2491},21,[2493],{"type":41,"tag":232,"props":2494,"children":2495},{"style":249},[2496],{"type":47,"value":667},{"type":41,"tag":42,"props":2498,"children":2500},{"id":2499},"using-web-libraries",[2501],{"type":47,"value":2502},"Using Web Libraries",{"type":41,"tag":50,"props":2504,"children":2505},{},[2506],{"type":47,"value":2507},"DOM components can use any web library:",{"type":41,"tag":221,"props":2509,"children":2511},{"className":223,"code":2510,"language":225,"meta":226,"style":226},"\u002F\u002F components\u002Fsyntax-highlight.tsx\n\"use dom\";\n\nimport SyntaxHighlighter from \"react-syntax-highlighter\";\nimport { docco } from \"react-syntax-highlighter\u002Fdist\u002Fesm\u002Fstyles\u002Fhljs\";\n\ninterface Props {\n code: string;\n language: string;\n dom?: import(\"expo\u002Fdom\").DOMProps;\n}\n\nexport default function SyntaxHighlight({ code, language }: Props) {\n return (\n \u003CSyntaxHighlighter language={language} style={docco}>\n {code}\n \u003C\u002FSyntaxHighlighter>\n );\n}\n",[2512],{"type":41,"tag":56,"props":2513,"children":2514},{"__ignoreMap":226},[2515,2523,2542,2549,2581,2622,2629,2644,2664,2684,2727,2734,2741,2795,2806,2855,2871,2886,2897],{"type":41,"tag":232,"props":2516,"children":2517},{"class":234,"line":235},[2518],{"type":41,"tag":232,"props":2519,"children":2520},{"style":239},[2521],{"type":47,"value":2522},"\u002F\u002F components\u002Fsyntax-highlight.tsx\n",{"type":41,"tag":232,"props":2524,"children":2525},{"class":234,"line":245},[2526,2530,2534,2538],{"type":41,"tag":232,"props":2527,"children":2528},{"style":249},[2529],{"type":47,"value":252},{"type":41,"tag":232,"props":2531,"children":2532},{"style":255},[2533],{"type":47,"value":258},{"type":41,"tag":232,"props":2535,"children":2536},{"style":249},[2537],{"type":47,"value":252},{"type":41,"tag":232,"props":2539,"children":2540},{"style":249},[2541],{"type":47,"value":267},{"type":41,"tag":232,"props":2543,"children":2544},{"class":234,"line":270},[2545],{"type":41,"tag":232,"props":2546,"children":2547},{"emptyLinePlaceholder":274},[2548],{"type":47,"value":277},{"type":41,"tag":232,"props":2550,"children":2551},{"class":234,"line":280},[2552,2556,2561,2565,2569,2573,2577],{"type":41,"tag":232,"props":2553,"children":2554},{"style":284},[2555],{"type":47,"value":1454},{"type":41,"tag":232,"props":2557,"children":2558},{"style":361},[2559],{"type":47,"value":2560}," SyntaxHighlighter ",{"type":41,"tag":232,"props":2562,"children":2563},{"style":284},[2564],{"type":47,"value":1505},{"type":41,"tag":232,"props":2566,"children":2567},{"style":249},[2568],{"type":47,"value":1155},{"type":41,"tag":232,"props":2570,"children":2571},{"style":255},[2572],{"type":47,"value":69},{"type":41,"tag":232,"props":2574,"children":2575},{"style":249},[2576],{"type":47,"value":252},{"type":41,"tag":232,"props":2578,"children":2579},{"style":249},[2580],{"type":47,"value":267},{"type":41,"tag":232,"props":2582,"children":2583},{"class":234,"line":312},[2584,2588,2592,2597,2601,2605,2609,2614,2618],{"type":41,"tag":232,"props":2585,"children":2586},{"style":284},[2587],{"type":47,"value":1454},{"type":41,"tag":232,"props":2589,"children":2590},{"style":249},[2591],{"type":47,"value":1215},{"type":41,"tag":232,"props":2593,"children":2594},{"style":361},[2595],{"type":47,"value":2596}," docco",{"type":41,"tag":232,"props":2598,"children":2599},{"style":249},[2600],{"type":47,"value":1252},{"type":41,"tag":232,"props":2602,"children":2603},{"style":284},[2604],{"type":47,"value":1472},{"type":41,"tag":232,"props":2606,"children":2607},{"style":249},[2608],{"type":47,"value":1155},{"type":41,"tag":232,"props":2610,"children":2611},{"style":255},[2612],{"type":47,"value":2613},"react-syntax-highlighter\u002Fdist\u002Fesm\u002Fstyles\u002Fhljs",{"type":41,"tag":232,"props":2615,"children":2616},{"style":249},[2617],{"type":47,"value":252},{"type":41,"tag":232,"props":2619,"children":2620},{"style":249},[2621],{"type":47,"value":267},{"type":41,"tag":232,"props":2623,"children":2624},{"class":234,"line":327},[2625],{"type":41,"tag":232,"props":2626,"children":2627},{"emptyLinePlaceholder":274},[2628],{"type":47,"value":277},{"type":41,"tag":232,"props":2630,"children":2631},{"class":234,"line":341},[2632,2636,2640],{"type":41,"tag":232,"props":2633,"children":2634},{"style":295},[2635],{"type":47,"value":856},{"type":41,"tag":232,"props":2637,"children":2638},{"style":355},[2639],{"type":47,"value":861},{"type":41,"tag":232,"props":2641,"children":2642},{"style":249},[2643],{"type":47,"value":338},{"type":41,"tag":232,"props":2645,"children":2646},{"class":234,"line":371},[2647,2652,2656,2660],{"type":41,"tag":232,"props":2648,"children":2649},{"style":345},[2650],{"type":47,"value":2651}," code",{"type":41,"tag":232,"props":2653,"children":2654},{"style":249},[2655],{"type":47,"value":352},{"type":41,"tag":232,"props":2657,"children":2658},{"style":355},[2659],{"type":47,"value":882},{"type":41,"tag":232,"props":2661,"children":2662},{"style":249},[2663],{"type":47,"value":267},{"type":41,"tag":232,"props":2665,"children":2666},{"class":234,"line":421},[2667,2672,2676,2680],{"type":41,"tag":232,"props":2668,"children":2669},{"style":345},[2670],{"type":47,"value":2671}," language",{"type":41,"tag":232,"props":2673,"children":2674},{"style":249},[2675],{"type":47,"value":352},{"type":41,"tag":232,"props":2677,"children":2678},{"style":355},[2679],{"type":47,"value":882},{"type":41,"tag":232,"props":2681,"children":2682},{"style":249},[2683],{"type":47,"value":267},{"type":41,"tag":232,"props":2685,"children":2686},{"class":234,"line":434},[2687,2691,2695,2699,2703,2707,2711,2715,2719,2723],{"type":41,"tag":232,"props":2688,"children":2689},{"style":345},[2690],{"type":47,"value":377},{"type":41,"tag":232,"props":2692,"children":2693},{"style":249},[2694],{"type":47,"value":2114},{"type":41,"tag":232,"props":2696,"children":2697},{"style":249},[2698],{"type":47,"value":386},{"type":41,"tag":232,"props":2700,"children":2701},{"style":361},[2702],{"type":47,"value":391},{"type":41,"tag":232,"props":2704,"children":2705},{"style":249},[2706],{"type":47,"value":252},{"type":41,"tag":232,"props":2708,"children":2709},{"style":255},[2710],{"type":47,"value":400},{"type":41,"tag":232,"props":2712,"children":2713},{"style":249},[2714],{"type":47,"value":252},{"type":41,"tag":232,"props":2716,"children":2717},{"style":361},[2718],{"type":47,"value":409},{"type":41,"tag":232,"props":2720,"children":2721},{"style":355},[2722],{"type":47,"value":414},{"type":41,"tag":232,"props":2724,"children":2725},{"style":249},[2726],{"type":47,"value":267},{"type":41,"tag":232,"props":2728,"children":2729},{"class":234,"line":448},[2730],{"type":41,"tag":232,"props":2731,"children":2732},{"style":249},[2733],{"type":47,"value":667},{"type":41,"tag":232,"props":2735,"children":2736},{"class":234,"line":492},[2737],{"type":41,"tag":232,"props":2738,"children":2739},{"emptyLinePlaceholder":274},[2740],{"type":47,"value":277},{"type":41,"tag":232,"props":2742,"children":2743},{"class":234,"line":529},[2744,2748,2752,2756,2761,2765,2770,2774,2779,2783,2787,2791],{"type":41,"tag":232,"props":2745,"children":2746},{"style":284},[2747],{"type":47,"value":287},{"type":41,"tag":232,"props":2749,"children":2750},{"style":284},[2751],{"type":47,"value":292},{"type":41,"tag":232,"props":2753,"children":2754},{"style":295},[2755],{"type":47,"value":298},{"type":41,"tag":232,"props":2757,"children":2758},{"style":301},[2759],{"type":47,"value":2760}," SyntaxHighlight",{"type":41,"tag":232,"props":2762,"children":2763},{"style":249},[2764],{"type":47,"value":968},{"type":41,"tag":232,"props":2766,"children":2767},{"style":316},[2768],{"type":47,"value":2769}," code",{"type":41,"tag":232,"props":2771,"children":2772},{"style":249},[2773],{"type":47,"value":584},{"type":41,"tag":232,"props":2775,"children":2776},{"style":316},[2777],{"type":47,"value":2778}," language",{"type":41,"tag":232,"props":2780,"children":2781},{"style":249},[2782],{"type":47,"value":978},{"type":41,"tag":232,"props":2784,"children":2785},{"style":355},[2786],{"type":47,"value":861},{"type":41,"tag":232,"props":2788,"children":2789},{"style":249},[2790],{"type":47,"value":594},{"type":41,"tag":232,"props":2792,"children":2793},{"style":249},[2794],{"type":47,"value":338},{"type":41,"tag":232,"props":2796,"children":2797},{"class":234,"line":545},[2798,2802],{"type":41,"tag":232,"props":2799,"children":2800},{"style":284},[2801],{"type":47,"value":440},{"type":41,"tag":232,"props":2803,"children":2804},{"style":345},[2805],{"type":47,"value":445},{"type":41,"tag":232,"props":2807,"children":2808},{"class":234,"line":606},[2809,2813,2818,2822,2826,2831,2836,2841,2845,2850],{"type":41,"tag":232,"props":2810,"children":2811},{"style":249},[2812],{"type":47,"value":454},{"type":41,"tag":232,"props":2814,"children":2815},{"style":355},[2816],{"type":47,"value":2817},"SyntaxHighlighter",{"type":41,"tag":232,"props":2819,"children":2820},{"style":295},[2821],{"type":47,"value":2778},{"type":41,"tag":232,"props":2823,"children":2824},{"style":249},[2825],{"type":47,"value":626},{"type":41,"tag":232,"props":2827,"children":2828},{"style":361},[2829],{"type":47,"value":2830},"language",{"type":41,"tag":232,"props":2832,"children":2833},{"style":249},[2834],{"type":47,"value":2835},"} ",{"type":41,"tag":232,"props":2837,"children":2838},{"style":295},[2839],{"type":47,"value":2840},"style",{"type":41,"tag":232,"props":2842,"children":2843},{"style":249},[2844],{"type":47,"value":626},{"type":41,"tag":232,"props":2846,"children":2847},{"style":361},[2848],{"type":47,"value":2849},"docco",{"type":41,"tag":232,"props":2851,"children":2852},{"style":249},[2853],{"type":47,"value":2854},"}>\n",{"type":41,"tag":232,"props":2856,"children":2857},{"class":234,"line":656},[2858,2863,2867],{"type":41,"tag":232,"props":2859,"children":2860},{"style":249},[2861],{"type":47,"value":2862}," {",{"type":41,"tag":232,"props":2864,"children":2865},{"style":361},[2866],{"type":47,"value":56},{"type":41,"tag":232,"props":2868,"children":2869},{"style":249},[2870],{"type":47,"value":667},{"type":41,"tag":232,"props":2872,"children":2873},{"class":234,"line":670},[2874,2878,2882],{"type":41,"tag":232,"props":2875,"children":2876},{"style":249},[2877],{"type":47,"value":693},{"type":41,"tag":232,"props":2879,"children":2880},{"style":355},[2881],{"type":47,"value":2817},{"type":41,"tag":232,"props":2883,"children":2884},{"style":249},[2885],{"type":47,"value":526},{"type":41,"tag":232,"props":2887,"children":2888},{"class":234,"line":687},[2889,2893],{"type":41,"tag":232,"props":2890,"children":2891},{"style":345},[2892],{"type":47,"value":710},{"type":41,"tag":232,"props":2894,"children":2895},{"style":249},[2896],{"type":47,"value":267},{"type":41,"tag":232,"props":2898,"children":2899},{"class":234,"line":704},[2900],{"type":41,"tag":232,"props":2901,"children":2902},{"style":249},[2903],{"type":47,"value":667},{"type":41,"tag":221,"props":2905,"children":2907},{"className":223,"code":2906,"language":225,"meta":226,"style":226},"\u002F\u002F components\u002Fchart.tsx\n\"use dom\";\n\nimport {\n LineChart,\n Line,\n XAxis,\n YAxis,\n CartesianGrid,\n Tooltip,\n} from \"recharts\";\n\ninterface Props {\n data: Array\u003C{ name: string; value: number }>;\n dom: import(\"expo\u002Fdom\").DOMProps;\n}\n\nexport default function Chart({ data }: Props) {\n return (\n \u003CLineChart width={400} height={300} data={data}>\n \u003CCartesianGrid strokeDasharray=\"3 3\" \u002F>\n \u003CXAxis dataKey=\"name\" \u002F>\n \u003CYAxis \u002F>\n \u003CTooltip \u002F>\n \u003CLine type=\"monotone\" dataKey=\"value\" stroke=\"#8884d8\" \u002F>\n \u003C\u002FLineChart>\n );\n}\n",[2908],{"type":41,"tag":56,"props":2909,"children":2910},{"__ignoreMap":226},[2911,2919,2938,2945,2956,2968,2980,2992,3004,3016,3028,3056,3063,3078,3130,3173,3180,3187,3231,3242,3305,3345,3384,3401,3418,3499,3515,3527],{"type":41,"tag":232,"props":2912,"children":2913},{"class":234,"line":235},[2914],{"type":41,"tag":232,"props":2915,"children":2916},{"style":239},[2917],{"type":47,"value":2918},"\u002F\u002F components\u002Fchart.tsx\n",{"type":41,"tag":232,"props":2920,"children":2921},{"class":234,"line":245},[2922,2926,2930,2934],{"type":41,"tag":232,"props":2923,"children":2924},{"style":249},[2925],{"type":47,"value":252},{"type":41,"tag":232,"props":2927,"children":2928},{"style":255},[2929],{"type":47,"value":258},{"type":41,"tag":232,"props":2931,"children":2932},{"style":249},[2933],{"type":47,"value":252},{"type":41,"tag":232,"props":2935,"children":2936},{"style":249},[2937],{"type":47,"value":267},{"type":41,"tag":232,"props":2939,"children":2940},{"class":234,"line":270},[2941],{"type":41,"tag":232,"props":2942,"children":2943},{"emptyLinePlaceholder":274},[2944],{"type":47,"value":277},{"type":41,"tag":232,"props":2946,"children":2947},{"class":234,"line":280},[2948,2952],{"type":41,"tag":232,"props":2949,"children":2950},{"style":284},[2951],{"type":47,"value":1454},{"type":41,"tag":232,"props":2953,"children":2954},{"style":249},[2955],{"type":47,"value":338},{"type":41,"tag":232,"props":2957,"children":2958},{"class":234,"line":312},[2959,2964],{"type":41,"tag":232,"props":2960,"children":2961},{"style":361},[2962],{"type":47,"value":2963}," LineChart",{"type":41,"tag":232,"props":2965,"children":2966},{"style":249},[2967],{"type":47,"value":324},{"type":41,"tag":232,"props":2969,"children":2970},{"class":234,"line":327},[2971,2976],{"type":41,"tag":232,"props":2972,"children":2973},{"style":361},[2974],{"type":47,"value":2975}," Line",{"type":41,"tag":232,"props":2977,"children":2978},{"style":249},[2979],{"type":47,"value":324},{"type":41,"tag":232,"props":2981,"children":2982},{"class":234,"line":341},[2983,2988],{"type":41,"tag":232,"props":2984,"children":2985},{"style":361},[2986],{"type":47,"value":2987}," XAxis",{"type":41,"tag":232,"props":2989,"children":2990},{"style":249},[2991],{"type":47,"value":324},{"type":41,"tag":232,"props":2993,"children":2994},{"class":234,"line":371},[2995,3000],{"type":41,"tag":232,"props":2996,"children":2997},{"style":361},[2998],{"type":47,"value":2999}," YAxis",{"type":41,"tag":232,"props":3001,"children":3002},{"style":249},[3003],{"type":47,"value":324},{"type":41,"tag":232,"props":3005,"children":3006},{"class":234,"line":421},[3007,3012],{"type":41,"tag":232,"props":3008,"children":3009},{"style":361},[3010],{"type":47,"value":3011}," CartesianGrid",{"type":41,"tag":232,"props":3013,"children":3014},{"style":249},[3015],{"type":47,"value":324},{"type":41,"tag":232,"props":3017,"children":3018},{"class":234,"line":434},[3019,3024],{"type":41,"tag":232,"props":3020,"children":3021},{"style":361},[3022],{"type":47,"value":3023}," Tooltip",{"type":41,"tag":232,"props":3025,"children":3026},{"style":249},[3027],{"type":47,"value":324},{"type":41,"tag":232,"props":3029,"children":3030},{"class":234,"line":448},[3031,3036,3040,3044,3048,3052],{"type":41,"tag":232,"props":3032,"children":3033},{"style":249},[3034],{"type":47,"value":3035},"}",{"type":41,"tag":232,"props":3037,"children":3038},{"style":284},[3039],{"type":47,"value":1472},{"type":41,"tag":232,"props":3041,"children":3042},{"style":249},[3043],{"type":47,"value":1155},{"type":41,"tag":232,"props":3045,"children":3046},{"style":255},[3047],{"type":47,"value":61},{"type":41,"tag":232,"props":3049,"children":3050},{"style":249},[3051],{"type":47,"value":252},{"type":41,"tag":232,"props":3053,"children":3054},{"style":249},[3055],{"type":47,"value":267},{"type":41,"tag":232,"props":3057,"children":3058},{"class":234,"line":492},[3059],{"type":41,"tag":232,"props":3060,"children":3061},{"emptyLinePlaceholder":274},[3062],{"type":47,"value":277},{"type":41,"tag":232,"props":3064,"children":3065},{"class":234,"line":529},[3066,3070,3074],{"type":41,"tag":232,"props":3067,"children":3068},{"style":295},[3069],{"type":47,"value":856},{"type":41,"tag":232,"props":3071,"children":3072},{"style":355},[3073],{"type":47,"value":861},{"type":41,"tag":232,"props":3075,"children":3076},{"style":249},[3077],{"type":47,"value":338},{"type":41,"tag":232,"props":3079,"children":3080},{"class":234,"line":545},[3081,3085,3089,3094,3098,3102,3106,3110,3114,3118,3122,3126],{"type":41,"tag":232,"props":3082,"children":3083},{"style":345},[3084],{"type":47,"value":319},{"type":41,"tag":232,"props":3086,"children":3087},{"style":249},[3088],{"type":47,"value":352},{"type":41,"tag":232,"props":3090,"children":3091},{"style":355},[3092],{"type":47,"value":3093}," Array",{"type":41,"tag":232,"props":3095,"children":3096},{"style":249},[3097],{"type":47,"value":2084},{"type":41,"tag":232,"props":3099,"children":3100},{"style":345},[3101],{"type":47,"value":1723},{"type":41,"tag":232,"props":3103,"children":3104},{"style":249},[3105],{"type":47,"value":352},{"type":41,"tag":232,"props":3107,"children":3108},{"style":355},[3109],{"type":47,"value":882},{"type":41,"tag":232,"props":3111,"children":3112},{"style":249},[3113],{"type":47,"value":1736},{"type":41,"tag":232,"props":3115,"children":3116},{"style":345},[3117],{"type":47,"value":1741},{"type":41,"tag":232,"props":3119,"children":3120},{"style":249},[3121],{"type":47,"value":352},{"type":41,"tag":232,"props":3123,"children":3124},{"style":355},[3125],{"type":47,"value":358},{"type":41,"tag":232,"props":3127,"children":3128},{"style":249},[3129],{"type":47,"value":2102},{"type":41,"tag":232,"props":3131,"children":3132},{"class":234,"line":606},[3133,3137,3141,3145,3149,3153,3157,3161,3165,3169],{"type":41,"tag":232,"props":3134,"children":3135},{"style":345},[3136],{"type":47,"value":377},{"type":41,"tag":232,"props":3138,"children":3139},{"style":249},[3140],{"type":47,"value":352},{"type":41,"tag":232,"props":3142,"children":3143},{"style":249},[3144],{"type":47,"value":386},{"type":41,"tag":232,"props":3146,"children":3147},{"style":361},[3148],{"type":47,"value":391},{"type":41,"tag":232,"props":3150,"children":3151},{"style":249},[3152],{"type":47,"value":252},{"type":41,"tag":232,"props":3154,"children":3155},{"style":255},[3156],{"type":47,"value":400},{"type":41,"tag":232,"props":3158,"children":3159},{"style":249},[3160],{"type":47,"value":252},{"type":41,"tag":232,"props":3162,"children":3163},{"style":361},[3164],{"type":47,"value":409},{"type":41,"tag":232,"props":3166,"children":3167},{"style":355},[3168],{"type":47,"value":414},{"type":41,"tag":232,"props":3170,"children":3171},{"style":249},[3172],{"type":47,"value":267},{"type":41,"tag":232,"props":3174,"children":3175},{"class":234,"line":656},[3176],{"type":41,"tag":232,"props":3177,"children":3178},{"style":249},[3179],{"type":47,"value":667},{"type":41,"tag":232,"props":3181,"children":3182},{"class":234,"line":670},[3183],{"type":41,"tag":232,"props":3184,"children":3185},{"emptyLinePlaceholder":274},[3186],{"type":47,"value":277},{"type":41,"tag":232,"props":3188,"children":3189},{"class":234,"line":687},[3190,3194,3198,3202,3207,3211,3215,3219,3223,3227],{"type":41,"tag":232,"props":3191,"children":3192},{"style":284},[3193],{"type":47,"value":287},{"type":41,"tag":232,"props":3195,"children":3196},{"style":284},[3197],{"type":47,"value":292},{"type":41,"tag":232,"props":3199,"children":3200},{"style":295},[3201],{"type":47,"value":298},{"type":41,"tag":232,"props":3203,"children":3204},{"style":301},[3205],{"type":47,"value":3206}," Chart",{"type":41,"tag":232,"props":3208,"children":3209},{"style":249},[3210],{"type":47,"value":968},{"type":41,"tag":232,"props":3212,"children":3213},{"style":316},[3214],{"type":47,"value":1813},{"type":41,"tag":232,"props":3216,"children":3217},{"style":249},[3218],{"type":47,"value":978},{"type":41,"tag":232,"props":3220,"children":3221},{"style":355},[3222],{"type":47,"value":861},{"type":41,"tag":232,"props":3224,"children":3225},{"style":249},[3226],{"type":47,"value":594},{"type":41,"tag":232,"props":3228,"children":3229},{"style":249},[3230],{"type":47,"value":338},{"type":41,"tag":232,"props":3232,"children":3233},{"class":234,"line":704},[3234,3238],{"type":41,"tag":232,"props":3235,"children":3236},{"style":284},[3237],{"type":47,"value":440},{"type":41,"tag":232,"props":3239,"children":3240},{"style":345},[3241],{"type":47,"value":445},{"type":41,"tag":232,"props":3243,"children":3244},{"class":234,"line":717},[3245,3249,3254,3258,3262,3267,3271,3276,3280,3285,3289,3293,3297,3301],{"type":41,"tag":232,"props":3246,"children":3247},{"style":249},[3248],{"type":47,"value":454},{"type":41,"tag":232,"props":3250,"children":3251},{"style":355},[3252],{"type":47,"value":3253},"LineChart",{"type":41,"tag":232,"props":3255,"children":3256},{"style":295},[3257],{"type":47,"value":1220},{"type":41,"tag":232,"props":3259,"children":3260},{"style":249},[3261],{"type":47,"value":626},{"type":41,"tag":232,"props":3263,"children":3264},{"style":481},[3265],{"type":47,"value":3266},"400",{"type":41,"tag":232,"props":3268,"children":3269},{"style":249},[3270],{"type":47,"value":2835},{"type":41,"tag":232,"props":3272,"children":3273},{"style":295},[3274],{"type":47,"value":3275},"height",{"type":41,"tag":232,"props":3277,"children":3278},{"style":249},[3279],{"type":47,"value":626},{"type":41,"tag":232,"props":3281,"children":3282},{"style":481},[3283],{"type":47,"value":3284},"300",{"type":41,"tag":232,"props":3286,"children":3287},{"style":249},[3288],{"type":47,"value":2835},{"type":41,"tag":232,"props":3290,"children":3291},{"style":295},[3292],{"type":47,"value":556},{"type":41,"tag":232,"props":3294,"children":3295},{"style":249},[3296],{"type":47,"value":626},{"type":41,"tag":232,"props":3298,"children":3299},{"style":361},[3300],{"type":47,"value":556},{"type":41,"tag":232,"props":3302,"children":3303},{"style":249},[3304],{"type":47,"value":2854},{"type":41,"tag":232,"props":3306,"children":3307},{"class":234,"line":2491},[3308,3312,3317,3322,3327,3331,3336,3340],{"type":41,"tag":232,"props":3309,"children":3310},{"style":249},[3311],{"type":47,"value":498},{"type":41,"tag":232,"props":3313,"children":3314},{"style":355},[3315],{"type":47,"value":3316},"CartesianGrid",{"type":41,"tag":232,"props":3318,"children":3319},{"style":295},[3320],{"type":47,"value":3321}," strokeDasharray",{"type":41,"tag":232,"props":3323,"children":3324},{"style":249},[3325],{"type":47,"value":3326},"=",{"type":41,"tag":232,"props":3328,"children":3329},{"style":249},[3330],{"type":47,"value":252},{"type":41,"tag":232,"props":3332,"children":3333},{"style":255},[3334],{"type":47,"value":3335},"3 3",{"type":41,"tag":232,"props":3337,"children":3338},{"style":249},[3339],{"type":47,"value":252},{"type":41,"tag":232,"props":3341,"children":3342},{"style":249},[3343],{"type":47,"value":3344}," \u002F>\n",{"type":41,"tag":232,"props":3346,"children":3348},{"class":234,"line":3347},22,[3349,3353,3358,3363,3367,3371,3376,3380],{"type":41,"tag":232,"props":3350,"children":3351},{"style":249},[3352],{"type":47,"value":498},{"type":41,"tag":232,"props":3354,"children":3355},{"style":355},[3356],{"type":47,"value":3357},"XAxis",{"type":41,"tag":232,"props":3359,"children":3360},{"style":295},[3361],{"type":47,"value":3362}," dataKey",{"type":41,"tag":232,"props":3364,"children":3365},{"style":249},[3366],{"type":47,"value":3326},{"type":41,"tag":232,"props":3368,"children":3369},{"style":249},[3370],{"type":47,"value":252},{"type":41,"tag":232,"props":3372,"children":3373},{"style":255},[3374],{"type":47,"value":3375},"name",{"type":41,"tag":232,"props":3377,"children":3378},{"style":249},[3379],{"type":47,"value":252},{"type":41,"tag":232,"props":3381,"children":3382},{"style":249},[3383],{"type":47,"value":3344},{"type":41,"tag":232,"props":3385,"children":3387},{"class":234,"line":3386},23,[3388,3392,3397],{"type":41,"tag":232,"props":3389,"children":3390},{"style":249},[3391],{"type":47,"value":498},{"type":41,"tag":232,"props":3393,"children":3394},{"style":355},[3395],{"type":47,"value":3396},"YAxis",{"type":41,"tag":232,"props":3398,"children":3399},{"style":249},[3400],{"type":47,"value":3344},{"type":41,"tag":232,"props":3402,"children":3404},{"class":234,"line":3403},24,[3405,3409,3414],{"type":41,"tag":232,"props":3406,"children":3407},{"style":249},[3408],{"type":47,"value":498},{"type":41,"tag":232,"props":3410,"children":3411},{"style":355},[3412],{"type":47,"value":3413},"Tooltip",{"type":41,"tag":232,"props":3415,"children":3416},{"style":249},[3417],{"type":47,"value":3344},{"type":41,"tag":232,"props":3419,"children":3421},{"class":234,"line":3420},25,[3422,3426,3431,3436,3440,3444,3449,3453,3457,3461,3465,3469,3473,3478,3482,3486,3491,3495],{"type":41,"tag":232,"props":3423,"children":3424},{"style":249},[3425],{"type":47,"value":498},{"type":41,"tag":232,"props":3427,"children":3428},{"style":355},[3429],{"type":47,"value":3430},"Line",{"type":41,"tag":232,"props":3432,"children":3433},{"style":295},[3434],{"type":47,"value":3435}," type",{"type":41,"tag":232,"props":3437,"children":3438},{"style":249},[3439],{"type":47,"value":3326},{"type":41,"tag":232,"props":3441,"children":3442},{"style":249},[3443],{"type":47,"value":252},{"type":41,"tag":232,"props":3445,"children":3446},{"style":255},[3447],{"type":47,"value":3448},"monotone",{"type":41,"tag":232,"props":3450,"children":3451},{"style":249},[3452],{"type":47,"value":252},{"type":41,"tag":232,"props":3454,"children":3455},{"style":295},[3456],{"type":47,"value":3362},{"type":41,"tag":232,"props":3458,"children":3459},{"style":249},[3460],{"type":47,"value":3326},{"type":41,"tag":232,"props":3462,"children":3463},{"style":249},[3464],{"type":47,"value":252},{"type":41,"tag":232,"props":3466,"children":3467},{"style":255},[3468],{"type":47,"value":579},{"type":41,"tag":232,"props":3470,"children":3471},{"style":249},[3472],{"type":47,"value":252},{"type":41,"tag":232,"props":3474,"children":3475},{"style":295},[3476],{"type":47,"value":3477}," stroke",{"type":41,"tag":232,"props":3479,"children":3480},{"style":249},[3481],{"type":47,"value":3326},{"type":41,"tag":232,"props":3483,"children":3484},{"style":249},[3485],{"type":47,"value":252},{"type":41,"tag":232,"props":3487,"children":3488},{"style":255},[3489],{"type":47,"value":3490},"#8884d8",{"type":41,"tag":232,"props":3492,"children":3493},{"style":249},[3494],{"type":47,"value":252},{"type":41,"tag":232,"props":3496,"children":3497},{"style":249},[3498],{"type":47,"value":3344},{"type":41,"tag":232,"props":3500,"children":3502},{"class":234,"line":3501},26,[3503,3507,3511],{"type":41,"tag":232,"props":3504,"children":3505},{"style":249},[3506],{"type":47,"value":693},{"type":41,"tag":232,"props":3508,"children":3509},{"style":355},[3510],{"type":47,"value":3253},{"type":41,"tag":232,"props":3512,"children":3513},{"style":249},[3514],{"type":47,"value":526},{"type":41,"tag":232,"props":3516,"children":3518},{"class":234,"line":3517},27,[3519,3523],{"type":41,"tag":232,"props":3520,"children":3521},{"style":345},[3522],{"type":47,"value":710},{"type":41,"tag":232,"props":3524,"children":3525},{"style":249},[3526],{"type":47,"value":267},{"type":41,"tag":232,"props":3528,"children":3530},{"class":234,"line":3529},28,[3531],{"type":41,"tag":232,"props":3532,"children":3533},{"style":249},[3534],{"type":47,"value":667},{"type":41,"tag":42,"props":3536,"children":3538},{"id":3537},"css-in-dom-components",[3539],{"type":47,"value":3540},"CSS in DOM Components",{"type":41,"tag":50,"props":3542,"children":3543},{},[3544],{"type":47,"value":3545},"CSS imports must be in the DOM component file since they run in isolated context:",{"type":41,"tag":221,"props":3547,"children":3549},{"className":223,"code":3548,"language":225,"meta":226,"style":226},"\u002F\u002F components\u002Fstyled-component.tsx\n\"use dom\";\n\nimport \"@\u002Fstyles.css\"; \u002F\u002F CSS file in same directory\n\nexport default function StyledComponent({\n dom,\n}: {\n dom: import(\"expo\u002Fdom\").DOMProps;\n}) {\n return (\n \u003Cdiv className=\"container\">\n \u003Ch1 className=\"title\">Styled Content\u003C\u002Fh1>\n \u003C\u002Fdiv>\n );\n}\n",[3550],{"type":41,"tag":56,"props":3551,"children":3552},{"__ignoreMap":226},[3553,3561,3580,3587,3616,3623,3647,3658,3669,3712,3723,3734,3771,3825,3840,3851],{"type":41,"tag":232,"props":3554,"children":3555},{"class":234,"line":235},[3556],{"type":41,"tag":232,"props":3557,"children":3558},{"style":239},[3559],{"type":47,"value":3560},"\u002F\u002F components\u002Fstyled-component.tsx\n",{"type":41,"tag":232,"props":3562,"children":3563},{"class":234,"line":245},[3564,3568,3572,3576],{"type":41,"tag":232,"props":3565,"children":3566},{"style":249},[3567],{"type":47,"value":252},{"type":41,"tag":232,"props":3569,"children":3570},{"style":255},[3571],{"type":47,"value":258},{"type":41,"tag":232,"props":3573,"children":3574},{"style":249},[3575],{"type":47,"value":252},{"type":41,"tag":232,"props":3577,"children":3578},{"style":249},[3579],{"type":47,"value":267},{"type":41,"tag":232,"props":3581,"children":3582},{"class":234,"line":270},[3583],{"type":41,"tag":232,"props":3584,"children":3585},{"emptyLinePlaceholder":274},[3586],{"type":47,"value":277},{"type":41,"tag":232,"props":3588,"children":3589},{"class":234,"line":280},[3590,3594,3598,3603,3607,3611],{"type":41,"tag":232,"props":3591,"children":3592},{"style":284},[3593],{"type":47,"value":1454},{"type":41,"tag":232,"props":3595,"children":3596},{"style":249},[3597],{"type":47,"value":1155},{"type":41,"tag":232,"props":3599,"children":3600},{"style":255},[3601],{"type":47,"value":3602},"@\u002Fstyles.css",{"type":41,"tag":232,"props":3604,"children":3605},{"style":249},[3606],{"type":47,"value":252},{"type":41,"tag":232,"props":3608,"children":3609},{"style":249},[3610],{"type":47,"value":1736},{"type":41,"tag":232,"props":3612,"children":3613},{"style":239},[3614],{"type":47,"value":3615}," \u002F\u002F CSS file in same directory\n",{"type":41,"tag":232,"props":3617,"children":3618},{"class":234,"line":312},[3619],{"type":41,"tag":232,"props":3620,"children":3621},{"emptyLinePlaceholder":274},[3622],{"type":47,"value":277},{"type":41,"tag":232,"props":3624,"children":3625},{"class":234,"line":327},[3626,3630,3634,3638,3643],{"type":41,"tag":232,"props":3627,"children":3628},{"style":284},[3629],{"type":47,"value":287},{"type":41,"tag":232,"props":3631,"children":3632},{"style":284},[3633],{"type":47,"value":292},{"type":41,"tag":232,"props":3635,"children":3636},{"style":295},[3637],{"type":47,"value":298},{"type":41,"tag":232,"props":3639,"children":3640},{"style":301},[3641],{"type":47,"value":3642}," StyledComponent",{"type":41,"tag":232,"props":3644,"children":3645},{"style":249},[3646],{"type":47,"value":309},{"type":41,"tag":232,"props":3648,"children":3649},{"class":234,"line":341},[3650,3654],{"type":41,"tag":232,"props":3651,"children":3652},{"style":316},[3653],{"type":47,"value":377},{"type":41,"tag":232,"props":3655,"children":3656},{"style":249},[3657],{"type":47,"value":324},{"type":41,"tag":232,"props":3659,"children":3660},{"class":234,"line":371},[3661,3665],{"type":41,"tag":232,"props":3662,"children":3663},{"style":249},[3664],{"type":47,"value":333},{"type":41,"tag":232,"props":3666,"children":3667},{"style":249},[3668],{"type":47,"value":338},{"type":41,"tag":232,"props":3670,"children":3671},{"class":234,"line":421},[3672,3676,3680,3684,3688,3692,3696,3700,3704,3708],{"type":41,"tag":232,"props":3673,"children":3674},{"style":345},[3675],{"type":47,"value":377},{"type":41,"tag":232,"props":3677,"children":3678},{"style":249},[3679],{"type":47,"value":352},{"type":41,"tag":232,"props":3681,"children":3682},{"style":249},[3683],{"type":47,"value":386},{"type":41,"tag":232,"props":3685,"children":3686},{"style":361},[3687],{"type":47,"value":391},{"type":41,"tag":232,"props":3689,"children":3690},{"style":249},[3691],{"type":47,"value":252},{"type":41,"tag":232,"props":3693,"children":3694},{"style":255},[3695],{"type":47,"value":400},{"type":41,"tag":232,"props":3697,"children":3698},{"style":249},[3699],{"type":47,"value":252},{"type":41,"tag":232,"props":3701,"children":3702},{"style":361},[3703],{"type":47,"value":409},{"type":41,"tag":232,"props":3705,"children":3706},{"style":355},[3707],{"type":47,"value":414},{"type":41,"tag":232,"props":3709,"children":3710},{"style":249},[3711],{"type":47,"value":267},{"type":41,"tag":232,"props":3713,"children":3714},{"class":234,"line":434},[3715,3719],{"type":41,"tag":232,"props":3716,"children":3717},{"style":249},[3718],{"type":47,"value":427},{"type":41,"tag":232,"props":3720,"children":3721},{"style":249},[3722],{"type":47,"value":338},{"type":41,"tag":232,"props":3724,"children":3725},{"class":234,"line":448},[3726,3730],{"type":41,"tag":232,"props":3727,"children":3728},{"style":284},[3729],{"type":47,"value":440},{"type":41,"tag":232,"props":3731,"children":3732},{"style":345},[3733],{"type":47,"value":445},{"type":41,"tag":232,"props":3735,"children":3736},{"class":234,"line":492},[3737,3741,3745,3750,3754,3758,3763,3767],{"type":41,"tag":232,"props":3738,"children":3739},{"style":249},[3740],{"type":47,"value":454},{"type":41,"tag":232,"props":3742,"children":3743},{"style":345},[3744],{"type":47,"value":459},{"type":41,"tag":232,"props":3746,"children":3747},{"style":295},[3748],{"type":47,"value":3749}," className",{"type":41,"tag":232,"props":3751,"children":3752},{"style":249},[3753],{"type":47,"value":3326},{"type":41,"tag":232,"props":3755,"children":3756},{"style":249},[3757],{"type":47,"value":252},{"type":41,"tag":232,"props":3759,"children":3760},{"style":255},[3761],{"type":47,"value":3762},"container",{"type":41,"tag":232,"props":3764,"children":3765},{"style":249},[3766],{"type":47,"value":252},{"type":41,"tag":232,"props":3768,"children":3769},{"style":249},[3770],{"type":47,"value":526},{"type":41,"tag":232,"props":3772,"children":3773},{"class":234,"line":529},[3774,3778,3783,3787,3791,3795,3800,3804,3808,3813,3817,3821],{"type":41,"tag":232,"props":3775,"children":3776},{"style":249},[3777],{"type":47,"value":498},{"type":41,"tag":232,"props":3779,"children":3780},{"style":345},[3781],{"type":47,"value":3782},"h1",{"type":41,"tag":232,"props":3784,"children":3785},{"style":295},[3786],{"type":47,"value":3749},{"type":41,"tag":232,"props":3788,"children":3789},{"style":249},[3790],{"type":47,"value":3326},{"type":41,"tag":232,"props":3792,"children":3793},{"style":249},[3794],{"type":47,"value":252},{"type":41,"tag":232,"props":3796,"children":3797},{"style":255},[3798],{"type":47,"value":3799},"title",{"type":41,"tag":232,"props":3801,"children":3802},{"style":249},[3803],{"type":47,"value":252},{"type":41,"tag":232,"props":3805,"children":3806},{"style":249},[3807],{"type":47,"value":507},{"type":41,"tag":232,"props":3809,"children":3810},{"style":361},[3811],{"type":47,"value":3812},"Styled Content",{"type":41,"tag":232,"props":3814,"children":3815},{"style":249},[3816],{"type":47,"value":517},{"type":41,"tag":232,"props":3818,"children":3819},{"style":345},[3820],{"type":47,"value":3782},{"type":41,"tag":232,"props":3822,"children":3823},{"style":249},[3824],{"type":47,"value":526},{"type":41,"tag":232,"props":3826,"children":3827},{"class":234,"line":545},[3828,3832,3836],{"type":41,"tag":232,"props":3829,"children":3830},{"style":249},[3831],{"type":47,"value":693},{"type":41,"tag":232,"props":3833,"children":3834},{"style":345},[3835],{"type":47,"value":459},{"type":41,"tag":232,"props":3837,"children":3838},{"style":249},[3839],{"type":47,"value":526},{"type":41,"tag":232,"props":3841,"children":3842},{"class":234,"line":606},[3843,3847],{"type":41,"tag":232,"props":3844,"children":3845},{"style":345},[3846],{"type":47,"value":710},{"type":41,"tag":232,"props":3848,"children":3849},{"style":249},[3850],{"type":47,"value":267},{"type":41,"tag":232,"props":3852,"children":3853},{"class":234,"line":656},[3854],{"type":41,"tag":232,"props":3855,"children":3856},{"style":249},[3857],{"type":47,"value":667},{"type":41,"tag":50,"props":3859,"children":3860},{},[3861],{"type":47,"value":3862},"Or use inline styles \u002F CSS-in-JS:",{"type":41,"tag":221,"props":3864,"children":3866},{"className":223,"code":3865,"language":225,"meta":226,"style":226},"\"use dom\";\n\nconst styles = {\n container: {\n padding: 20,\n backgroundColor: \"#f0f0f0\",\n },\n title: {\n fontSize: 24,\n color: \"#333\",\n },\n};\n\nexport default function StyledComponent({\n dom,\n}: {\n dom: import(\"expo\u002Fdom\").DOMProps;\n}) {\n return (\n \u003Cdiv style={styles.container}>\n \u003Ch1 style={styles.title}>Styled Content\u003C\u002Fh1>\n \u003C\u002Fdiv>\n );\n}\n",[3867],{"type":41,"tag":56,"props":3868,"children":3869},{"__ignoreMap":226},[3870,3889,3896,3917,3933,3953,3982,3990,4006,4027,4056,4063,4071,4078,4101,4112,4123,4166,4177,4188,4224,4275,4290,4301],{"type":41,"tag":232,"props":3871,"children":3872},{"class":234,"line":235},[3873,3877,3881,3885],{"type":41,"tag":232,"props":3874,"children":3875},{"style":249},[3876],{"type":47,"value":252},{"type":41,"tag":232,"props":3878,"children":3879},{"style":255},[3880],{"type":47,"value":258},{"type":41,"tag":232,"props":3882,"children":3883},{"style":249},[3884],{"type":47,"value":252},{"type":41,"tag":232,"props":3886,"children":3887},{"style":249},[3888],{"type":47,"value":267},{"type":41,"tag":232,"props":3890,"children":3891},{"class":234,"line":245},[3892],{"type":41,"tag":232,"props":3893,"children":3894},{"emptyLinePlaceholder":274},[3895],{"type":47,"value":277},{"type":41,"tag":232,"props":3897,"children":3898},{"class":234,"line":270},[3899,3904,3909,3913],{"type":41,"tag":232,"props":3900,"children":3901},{"style":295},[3902],{"type":47,"value":3903},"const",{"type":41,"tag":232,"props":3905,"children":3906},{"style":361},[3907],{"type":47,"value":3908}," styles ",{"type":41,"tag":232,"props":3910,"children":3911},{"style":249},[3912],{"type":47,"value":3326},{"type":41,"tag":232,"props":3914,"children":3915},{"style":249},[3916],{"type":47,"value":338},{"type":41,"tag":232,"props":3918,"children":3919},{"class":234,"line":280},[3920,3925,3929],{"type":41,"tag":232,"props":3921,"children":3922},{"style":345},[3923],{"type":47,"value":3924}," container",{"type":41,"tag":232,"props":3926,"children":3927},{"style":249},[3928],{"type":47,"value":352},{"type":41,"tag":232,"props":3930,"children":3931},{"style":249},[3932],{"type":47,"value":338},{"type":41,"tag":232,"props":3934,"children":3935},{"class":234,"line":312},[3936,3941,3945,3949],{"type":41,"tag":232,"props":3937,"children":3938},{"style":345},[3939],{"type":47,"value":3940}," padding",{"type":41,"tag":232,"props":3942,"children":3943},{"style":249},[3944],{"type":47,"value":352},{"type":41,"tag":232,"props":3946,"children":3947},{"style":481},[3948],{"type":47,"value":484},{"type":41,"tag":232,"props":3950,"children":3951},{"style":249},[3952],{"type":47,"value":324},{"type":41,"tag":232,"props":3954,"children":3955},{"class":234,"line":327},[3956,3961,3965,3969,3974,3978],{"type":41,"tag":232,"props":3957,"children":3958},{"style":345},[3959],{"type":47,"value":3960}," backgroundColor",{"type":41,"tag":232,"props":3962,"children":3963},{"style":249},[3964],{"type":47,"value":352},{"type":41,"tag":232,"props":3966,"children":3967},{"style":249},[3968],{"type":47,"value":1155},{"type":41,"tag":232,"props":3970,"children":3971},{"style":255},[3972],{"type":47,"value":3973},"#f0f0f0",{"type":41,"tag":232,"props":3975,"children":3976},{"style":249},[3977],{"type":47,"value":252},{"type":41,"tag":232,"props":3979,"children":3980},{"style":249},[3981],{"type":47,"value":324},{"type":41,"tag":232,"props":3983,"children":3984},{"class":234,"line":341},[3985],{"type":41,"tag":232,"props":3986,"children":3987},{"style":249},[3988],{"type":47,"value":3989}," },\n",{"type":41,"tag":232,"props":3991,"children":3992},{"class":234,"line":371},[3993,3998,4002],{"type":41,"tag":232,"props":3994,"children":3995},{"style":345},[3996],{"type":47,"value":3997}," title",{"type":41,"tag":232,"props":3999,"children":4000},{"style":249},[4001],{"type":47,"value":352},{"type":41,"tag":232,"props":4003,"children":4004},{"style":249},[4005],{"type":47,"value":338},{"type":41,"tag":232,"props":4007,"children":4008},{"class":234,"line":421},[4009,4014,4018,4023],{"type":41,"tag":232,"props":4010,"children":4011},{"style":345},[4012],{"type":47,"value":4013}," fontSize",{"type":41,"tag":232,"props":4015,"children":4016},{"style":249},[4017],{"type":47,"value":352},{"type":41,"tag":232,"props":4019,"children":4020},{"style":481},[4021],{"type":47,"value":4022}," 24",{"type":41,"tag":232,"props":4024,"children":4025},{"style":249},[4026],{"type":47,"value":324},{"type":41,"tag":232,"props":4028,"children":4029},{"class":234,"line":434},[4030,4035,4039,4043,4048,4052],{"type":41,"tag":232,"props":4031,"children":4032},{"style":345},[4033],{"type":47,"value":4034}," color",{"type":41,"tag":232,"props":4036,"children":4037},{"style":249},[4038],{"type":47,"value":352},{"type":41,"tag":232,"props":4040,"children":4041},{"style":249},[4042],{"type":47,"value":1155},{"type":41,"tag":232,"props":4044,"children":4045},{"style":255},[4046],{"type":47,"value":4047},"#333",{"type":41,"tag":232,"props":4049,"children":4050},{"style":249},[4051],{"type":47,"value":252},{"type":41,"tag":232,"props":4053,"children":4054},{"style":249},[4055],{"type":47,"value":324},{"type":41,"tag":232,"props":4057,"children":4058},{"class":234,"line":448},[4059],{"type":41,"tag":232,"props":4060,"children":4061},{"style":249},[4062],{"type":47,"value":3989},{"type":41,"tag":232,"props":4064,"children":4065},{"class":234,"line":492},[4066],{"type":41,"tag":232,"props":4067,"children":4068},{"style":249},[4069],{"type":47,"value":4070},"};\n",{"type":41,"tag":232,"props":4072,"children":4073},{"class":234,"line":529},[4074],{"type":41,"tag":232,"props":4075,"children":4076},{"emptyLinePlaceholder":274},[4077],{"type":47,"value":277},{"type":41,"tag":232,"props":4079,"children":4080},{"class":234,"line":545},[4081,4085,4089,4093,4097],{"type":41,"tag":232,"props":4082,"children":4083},{"style":284},[4084],{"type":47,"value":287},{"type":41,"tag":232,"props":4086,"children":4087},{"style":284},[4088],{"type":47,"value":292},{"type":41,"tag":232,"props":4090,"children":4091},{"style":295},[4092],{"type":47,"value":298},{"type":41,"tag":232,"props":4094,"children":4095},{"style":301},[4096],{"type":47,"value":3642},{"type":41,"tag":232,"props":4098,"children":4099},{"style":249},[4100],{"type":47,"value":309},{"type":41,"tag":232,"props":4102,"children":4103},{"class":234,"line":606},[4104,4108],{"type":41,"tag":232,"props":4105,"children":4106},{"style":316},[4107],{"type":47,"value":377},{"type":41,"tag":232,"props":4109,"children":4110},{"style":249},[4111],{"type":47,"value":324},{"type":41,"tag":232,"props":4113,"children":4114},{"class":234,"line":656},[4115,4119],{"type":41,"tag":232,"props":4116,"children":4117},{"style":249},[4118],{"type":47,"value":333},{"type":41,"tag":232,"props":4120,"children":4121},{"style":249},[4122],{"type":47,"value":338},{"type":41,"tag":232,"props":4124,"children":4125},{"class":234,"line":670},[4126,4130,4134,4138,4142,4146,4150,4154,4158,4162],{"type":41,"tag":232,"props":4127,"children":4128},{"style":345},[4129],{"type":47,"value":377},{"type":41,"tag":232,"props":4131,"children":4132},{"style":249},[4133],{"type":47,"value":352},{"type":41,"tag":232,"props":4135,"children":4136},{"style":249},[4137],{"type":47,"value":386},{"type":41,"tag":232,"props":4139,"children":4140},{"style":361},[4141],{"type":47,"value":391},{"type":41,"tag":232,"props":4143,"children":4144},{"style":249},[4145],{"type":47,"value":252},{"type":41,"tag":232,"props":4147,"children":4148},{"style":255},[4149],{"type":47,"value":400},{"type":41,"tag":232,"props":4151,"children":4152},{"style":249},[4153],{"type":47,"value":252},{"type":41,"tag":232,"props":4155,"children":4156},{"style":361},[4157],{"type":47,"value":409},{"type":41,"tag":232,"props":4159,"children":4160},{"style":355},[4161],{"type":47,"value":414},{"type":41,"tag":232,"props":4163,"children":4164},{"style":249},[4165],{"type":47,"value":267},{"type":41,"tag":232,"props":4167,"children":4168},{"class":234,"line":687},[4169,4173],{"type":41,"tag":232,"props":4170,"children":4171},{"style":249},[4172],{"type":47,"value":427},{"type":41,"tag":232,"props":4174,"children":4175},{"style":249},[4176],{"type":47,"value":338},{"type":41,"tag":232,"props":4178,"children":4179},{"class":234,"line":704},[4180,4184],{"type":41,"tag":232,"props":4181,"children":4182},{"style":284},[4183],{"type":47,"value":440},{"type":41,"tag":232,"props":4185,"children":4186},{"style":345},[4187],{"type":47,"value":445},{"type":41,"tag":232,"props":4189,"children":4190},{"class":234,"line":717},[4191,4195,4199,4203,4207,4212,4216,4220],{"type":41,"tag":232,"props":4192,"children":4193},{"style":249},[4194],{"type":47,"value":454},{"type":41,"tag":232,"props":4196,"children":4197},{"style":345},[4198],{"type":47,"value":459},{"type":41,"tag":232,"props":4200,"children":4201},{"style":295},[4202],{"type":47,"value":464},{"type":41,"tag":232,"props":4204,"children":4205},{"style":249},[4206],{"type":47,"value":626},{"type":41,"tag":232,"props":4208,"children":4209},{"style":361},[4210],{"type":47,"value":4211},"styles",{"type":41,"tag":232,"props":4213,"children":4214},{"style":249},[4215],{"type":47,"value":561},{"type":41,"tag":232,"props":4217,"children":4218},{"style":361},[4219],{"type":47,"value":3762},{"type":41,"tag":232,"props":4221,"children":4222},{"style":249},[4223],{"type":47,"value":2854},{"type":41,"tag":232,"props":4225,"children":4226},{"class":234,"line":2491},[4227,4231,4235,4239,4243,4247,4251,4255,4259,4263,4267,4271],{"type":41,"tag":232,"props":4228,"children":4229},{"style":249},[4230],{"type":47,"value":498},{"type":41,"tag":232,"props":4232,"children":4233},{"style":345},[4234],{"type":47,"value":3782},{"type":41,"tag":232,"props":4236,"children":4237},{"style":295},[4238],{"type":47,"value":464},{"type":41,"tag":232,"props":4240,"children":4241},{"style":249},[4242],{"type":47,"value":626},{"type":41,"tag":232,"props":4244,"children":4245},{"style":361},[4246],{"type":47,"value":4211},{"type":41,"tag":232,"props":4248,"children":4249},{"style":249},[4250],{"type":47,"value":561},{"type":41,"tag":232,"props":4252,"children":4253},{"style":361},[4254],{"type":47,"value":3799},{"type":41,"tag":232,"props":4256,"children":4257},{"style":249},[4258],{"type":47,"value":2471},{"type":41,"tag":232,"props":4260,"children":4261},{"style":361},[4262],{"type":47,"value":3812},{"type":41,"tag":232,"props":4264,"children":4265},{"style":249},[4266],{"type":47,"value":517},{"type":41,"tag":232,"props":4268,"children":4269},{"style":345},[4270],{"type":47,"value":3782},{"type":41,"tag":232,"props":4272,"children":4273},{"style":249},[4274],{"type":47,"value":526},{"type":41,"tag":232,"props":4276,"children":4277},{"class":234,"line":3347},[4278,4282,4286],{"type":41,"tag":232,"props":4279,"children":4280},{"style":249},[4281],{"type":47,"value":693},{"type":41,"tag":232,"props":4283,"children":4284},{"style":345},[4285],{"type":47,"value":459},{"type":41,"tag":232,"props":4287,"children":4288},{"style":249},[4289],{"type":47,"value":526},{"type":41,"tag":232,"props":4291,"children":4292},{"class":234,"line":3386},[4293,4297],{"type":41,"tag":232,"props":4294,"children":4295},{"style":345},[4296],{"type":47,"value":710},{"type":41,"tag":232,"props":4298,"children":4299},{"style":249},[4300],{"type":47,"value":267},{"type":41,"tag":232,"props":4302,"children":4303},{"class":234,"line":3403},[4304],{"type":41,"tag":232,"props":4305,"children":4306},{"style":249},[4307],{"type":47,"value":667},{"type":41,"tag":42,"props":4309,"children":4311},{"id":4310},"expo-router-in-dom-components",[4312],{"type":47,"value":4313},"Expo Router in DOM Components",{"type":41,"tag":50,"props":4315,"children":4316},{},[4317,4319,4325],{"type":47,"value":4318},"The expo-router ",{"type":41,"tag":56,"props":4320,"children":4322},{"className":4321},[],[4323],{"type":47,"value":4324},"\u003CLink \u002F>",{"type":47,"value":4326}," component and router API work inside DOM components:",{"type":41,"tag":221,"props":4328,"children":4330},{"className":223,"code":4329,"language":225,"meta":226,"style":226},"\"use dom\";\n\nimport { Link, useRouter } from \"expo-router\";\n\nexport default function Navigation({\n dom,\n}: {\n dom: import(\"expo\u002Fdom\").DOMProps;\n}) {\n const router = useRouter();\n\n return (\n \u003Cnav>\n \u003CLink href=\"\u002Fabout\">About\u003C\u002FLink>\n \u003Cbutton onClick={() => router.push(\"\u002Fsettings\")}>Settings\u003C\u002Fbutton>\n \u003C\u002Fnav>\n );\n}\n",[4331],{"type":41,"tag":56,"props":4332,"children":4333},{"__ignoreMap":226},[4334,4353,4360,4410,4417,4441,4452,4463,4506,4517,4545,4552,4563,4579,4634,4713,4728,4739],{"type":41,"tag":232,"props":4335,"children":4336},{"class":234,"line":235},[4337,4341,4345,4349],{"type":41,"tag":232,"props":4338,"children":4339},{"style":249},[4340],{"type":47,"value":252},{"type":41,"tag":232,"props":4342,"children":4343},{"style":255},[4344],{"type":47,"value":258},{"type":41,"tag":232,"props":4346,"children":4347},{"style":249},[4348],{"type":47,"value":252},{"type":41,"tag":232,"props":4350,"children":4351},{"style":249},[4352],{"type":47,"value":267},{"type":41,"tag":232,"props":4354,"children":4355},{"class":234,"line":245},[4356],{"type":41,"tag":232,"props":4357,"children":4358},{"emptyLinePlaceholder":274},[4359],{"type":47,"value":277},{"type":41,"tag":232,"props":4361,"children":4362},{"class":234,"line":270},[4363,4367,4371,4376,4380,4385,4389,4393,4397,4402,4406],{"type":41,"tag":232,"props":4364,"children":4365},{"style":284},[4366],{"type":47,"value":1454},{"type":41,"tag":232,"props":4368,"children":4369},{"style":249},[4370],{"type":47,"value":1215},{"type":41,"tag":232,"props":4372,"children":4373},{"style":361},[4374],{"type":47,"value":4375}," Link",{"type":41,"tag":232,"props":4377,"children":4378},{"style":249},[4379],{"type":47,"value":584},{"type":41,"tag":232,"props":4381,"children":4382},{"style":361},[4383],{"type":47,"value":4384}," useRouter",{"type":41,"tag":232,"props":4386,"children":4387},{"style":249},[4388],{"type":47,"value":1252},{"type":41,"tag":232,"props":4390,"children":4391},{"style":284},[4392],{"type":47,"value":1472},{"type":41,"tag":232,"props":4394,"children":4395},{"style":249},[4396],{"type":47,"value":1155},{"type":41,"tag":232,"props":4398,"children":4399},{"style":255},[4400],{"type":47,"value":4401},"expo-router",{"type":41,"tag":232,"props":4403,"children":4404},{"style":249},[4405],{"type":47,"value":252},{"type":41,"tag":232,"props":4407,"children":4408},{"style":249},[4409],{"type":47,"value":267},{"type":41,"tag":232,"props":4411,"children":4412},{"class":234,"line":280},[4413],{"type":41,"tag":232,"props":4414,"children":4415},{"emptyLinePlaceholder":274},[4416],{"type":47,"value":277},{"type":41,"tag":232,"props":4418,"children":4419},{"class":234,"line":312},[4420,4424,4428,4432,4437],{"type":41,"tag":232,"props":4421,"children":4422},{"style":284},[4423],{"type":47,"value":287},{"type":41,"tag":232,"props":4425,"children":4426},{"style":284},[4427],{"type":47,"value":292},{"type":41,"tag":232,"props":4429,"children":4430},{"style":295},[4431],{"type":47,"value":298},{"type":41,"tag":232,"props":4433,"children":4434},{"style":301},[4435],{"type":47,"value":4436}," Navigation",{"type":41,"tag":232,"props":4438,"children":4439},{"style":249},[4440],{"type":47,"value":309},{"type":41,"tag":232,"props":4442,"children":4443},{"class":234,"line":327},[4444,4448],{"type":41,"tag":232,"props":4445,"children":4446},{"style":316},[4447],{"type":47,"value":377},{"type":41,"tag":232,"props":4449,"children":4450},{"style":249},[4451],{"type":47,"value":324},{"type":41,"tag":232,"props":4453,"children":4454},{"class":234,"line":341},[4455,4459],{"type":41,"tag":232,"props":4456,"children":4457},{"style":249},[4458],{"type":47,"value":333},{"type":41,"tag":232,"props":4460,"children":4461},{"style":249},[4462],{"type":47,"value":338},{"type":41,"tag":232,"props":4464,"children":4465},{"class":234,"line":371},[4466,4470,4474,4478,4482,4486,4490,4494,4498,4502],{"type":41,"tag":232,"props":4467,"children":4468},{"style":345},[4469],{"type":47,"value":377},{"type":41,"tag":232,"props":4471,"children":4472},{"style":249},[4473],{"type":47,"value":352},{"type":41,"tag":232,"props":4475,"children":4476},{"style":249},[4477],{"type":47,"value":386},{"type":41,"tag":232,"props":4479,"children":4480},{"style":361},[4481],{"type":47,"value":391},{"type":41,"tag":232,"props":4483,"children":4484},{"style":249},[4485],{"type":47,"value":252},{"type":41,"tag":232,"props":4487,"children":4488},{"style":255},[4489],{"type":47,"value":400},{"type":41,"tag":232,"props":4491,"children":4492},{"style":249},[4493],{"type":47,"value":252},{"type":41,"tag":232,"props":4495,"children":4496},{"style":361},[4497],{"type":47,"value":409},{"type":41,"tag":232,"props":4499,"children":4500},{"style":355},[4501],{"type":47,"value":414},{"type":41,"tag":232,"props":4503,"children":4504},{"style":249},[4505],{"type":47,"value":267},{"type":41,"tag":232,"props":4507,"children":4508},{"class":234,"line":421},[4509,4513],{"type":41,"tag":232,"props":4510,"children":4511},{"style":249},[4512],{"type":47,"value":427},{"type":41,"tag":232,"props":4514,"children":4515},{"style":249},[4516],{"type":47,"value":338},{"type":41,"tag":232,"props":4518,"children":4519},{"class":234,"line":434},[4520,4524,4529,4533,4537,4541],{"type":41,"tag":232,"props":4521,"children":4522},{"style":295},[4523],{"type":47,"value":2222},{"type":41,"tag":232,"props":4525,"children":4526},{"style":361},[4527],{"type":47,"value":4528}," router",{"type":41,"tag":232,"props":4530,"children":4531},{"style":249},[4532],{"type":47,"value":2232},{"type":41,"tag":232,"props":4534,"children":4535},{"style":301},[4536],{"type":47,"value":4384},{"type":41,"tag":232,"props":4538,"children":4539},{"style":345},[4540],{"type":47,"value":1554},{"type":41,"tag":232,"props":4542,"children":4543},{"style":249},[4544],{"type":47,"value":267},{"type":41,"tag":232,"props":4546,"children":4547},{"class":234,"line":448},[4548],{"type":41,"tag":232,"props":4549,"children":4550},{"emptyLinePlaceholder":274},[4551],{"type":47,"value":277},{"type":41,"tag":232,"props":4553,"children":4554},{"class":234,"line":492},[4555,4559],{"type":41,"tag":232,"props":4556,"children":4557},{"style":284},[4558],{"type":47,"value":440},{"type":41,"tag":232,"props":4560,"children":4561},{"style":345},[4562],{"type":47,"value":445},{"type":41,"tag":232,"props":4564,"children":4565},{"class":234,"line":529},[4566,4570,4575],{"type":41,"tag":232,"props":4567,"children":4568},{"style":249},[4569],{"type":47,"value":454},{"type":41,"tag":232,"props":4571,"children":4572},{"style":345},[4573],{"type":47,"value":4574},"nav",{"type":41,"tag":232,"props":4576,"children":4577},{"style":249},[4578],{"type":47,"value":526},{"type":41,"tag":232,"props":4580,"children":4581},{"class":234,"line":545},[4582,4586,4591,4596,4600,4604,4609,4613,4617,4622,4626,4630],{"type":41,"tag":232,"props":4583,"children":4584},{"style":249},[4585],{"type":47,"value":498},{"type":41,"tag":232,"props":4587,"children":4588},{"style":355},[4589],{"type":47,"value":4590},"Link",{"type":41,"tag":232,"props":4592,"children":4593},{"style":295},[4594],{"type":47,"value":4595}," href",{"type":41,"tag":232,"props":4597,"children":4598},{"style":249},[4599],{"type":47,"value":3326},{"type":41,"tag":232,"props":4601,"children":4602},{"style":249},[4603],{"type":47,"value":252},{"type":41,"tag":232,"props":4605,"children":4606},{"style":255},[4607],{"type":47,"value":4608},"\u002Fabout",{"type":41,"tag":232,"props":4610,"children":4611},{"style":249},[4612],{"type":47,"value":252},{"type":41,"tag":232,"props":4614,"children":4615},{"style":249},[4616],{"type":47,"value":507},{"type":41,"tag":232,"props":4618,"children":4619},{"style":361},[4620],{"type":47,"value":4621},"About",{"type":41,"tag":232,"props":4623,"children":4624},{"style":249},[4625],{"type":47,"value":517},{"type":41,"tag":232,"props":4627,"children":4628},{"style":355},[4629],{"type":47,"value":4590},{"type":41,"tag":232,"props":4631,"children":4632},{"style":249},[4633],{"type":47,"value":526},{"type":41,"tag":232,"props":4635,"children":4636},{"class":234,"line":606},[4637,4641,4645,4649,4654,4658,4662,4666,4671,4675,4679,4684,4688,4692,4696,4701,4705,4709],{"type":41,"tag":232,"props":4638,"children":4639},{"style":249},[4640],{"type":47,"value":498},{"type":41,"tag":232,"props":4642,"children":4643},{"style":345},[4644],{"type":47,"value":2452},{"type":41,"tag":232,"props":4646,"children":4647},{"style":295},[4648],{"type":47,"value":2457},{"type":41,"tag":232,"props":4650,"children":4651},{"style":249},[4652],{"type":47,"value":4653},"={()",{"type":41,"tag":232,"props":4655,"children":4656},{"style":295},[4657],{"type":47,"value":599},{"type":41,"tag":232,"props":4659,"children":4660},{"style":361},[4661],{"type":47,"value":4528},{"type":41,"tag":232,"props":4663,"children":4664},{"style":249},[4665],{"type":47,"value":561},{"type":41,"tag":232,"props":4667,"children":4668},{"style":301},[4669],{"type":47,"value":4670},"push",{"type":41,"tag":232,"props":4672,"children":4673},{"style":361},[4674],{"type":47,"value":391},{"type":41,"tag":232,"props":4676,"children":4677},{"style":249},[4678],{"type":47,"value":252},{"type":41,"tag":232,"props":4680,"children":4681},{"style":255},[4682],{"type":47,"value":4683},"\u002Fsettings",{"type":41,"tag":232,"props":4685,"children":4686},{"style":249},[4687],{"type":47,"value":252},{"type":41,"tag":232,"props":4689,"children":4690},{"style":361},[4691],{"type":47,"value":594},{"type":41,"tag":232,"props":4693,"children":4694},{"style":249},[4695],{"type":47,"value":2471},{"type":41,"tag":232,"props":4697,"children":4698},{"style":361},[4699],{"type":47,"value":4700},"Settings",{"type":41,"tag":232,"props":4702,"children":4703},{"style":249},[4704],{"type":47,"value":517},{"type":41,"tag":232,"props":4706,"children":4707},{"style":345},[4708],{"type":47,"value":2452},{"type":41,"tag":232,"props":4710,"children":4711},{"style":249},[4712],{"type":47,"value":526},{"type":41,"tag":232,"props":4714,"children":4715},{"class":234,"line":656},[4716,4720,4724],{"type":41,"tag":232,"props":4717,"children":4718},{"style":249},[4719],{"type":47,"value":693},{"type":41,"tag":232,"props":4721,"children":4722},{"style":345},[4723],{"type":47,"value":4574},{"type":41,"tag":232,"props":4725,"children":4726},{"style":249},[4727],{"type":47,"value":526},{"type":41,"tag":232,"props":4729,"children":4730},{"class":234,"line":670},[4731,4735],{"type":41,"tag":232,"props":4732,"children":4733},{"style":345},[4734],{"type":47,"value":710},{"type":41,"tag":232,"props":4736,"children":4737},{"style":249},[4738],{"type":47,"value":267},{"type":41,"tag":232,"props":4740,"children":4741},{"class":234,"line":687},[4742],{"type":41,"tag":232,"props":4743,"children":4744},{"style":249},[4745],{"type":47,"value":667},{"type":41,"tag":1038,"props":4747,"children":4749},{"id":4748},"router-apis-that-require-props",[4750],{"type":47,"value":4751},"Router APIs That Require Props",{"type":41,"tag":50,"props":4753,"children":4754},{},[4755],{"type":47,"value":4756},"These hooks don't work directly in DOM components because they need synchronous access to native routing state:",{"type":41,"tag":84,"props":4758,"children":4759},{},[4760,4769,4778,4787,4796,4805],{"type":41,"tag":88,"props":4761,"children":4762},{},[4763],{"type":41,"tag":56,"props":4764,"children":4766},{"className":4765},[],[4767],{"type":47,"value":4768},"useLocalSearchParams()",{"type":41,"tag":88,"props":4770,"children":4771},{},[4772],{"type":41,"tag":56,"props":4773,"children":4775},{"className":4774},[],[4776],{"type":47,"value":4777},"useGlobalSearchParams()",{"type":41,"tag":88,"props":4779,"children":4780},{},[4781],{"type":41,"tag":56,"props":4782,"children":4784},{"className":4783},[],[4785],{"type":47,"value":4786},"usePathname()",{"type":41,"tag":88,"props":4788,"children":4789},{},[4790],{"type":41,"tag":56,"props":4791,"children":4793},{"className":4792},[],[4794],{"type":47,"value":4795},"useSegments()",{"type":41,"tag":88,"props":4797,"children":4798},{},[4799],{"type":41,"tag":56,"props":4800,"children":4802},{"className":4801},[],[4803],{"type":47,"value":4804},"useRootNavigation()",{"type":41,"tag":88,"props":4806,"children":4807},{},[4808],{"type":41,"tag":56,"props":4809,"children":4811},{"className":4810},[],[4812],{"type":47,"value":4813},"useRootNavigationState()",{"type":41,"tag":50,"props":4815,"children":4816},{},[4817,4822],{"type":41,"tag":92,"props":4818,"children":4819},{},[4820],{"type":47,"value":4821},"Solution:",{"type":47,"value":4823}," Read these values in the native parent and pass as props:",{"type":41,"tag":221,"props":4825,"children":4827},{"className":223,"code":4826,"language":225,"meta":226,"style":226},"\u002F\u002F app\u002F[id].tsx (native)\nimport { useLocalSearchParams, usePathname } from \"expo-router\";\nimport DOMComponent from \"@\u002Fcomponents\u002Fdom-component\";\n\nexport default function Screen() {\n const { id } = useLocalSearchParams();\n const pathname = usePathname();\n\n return \u003CDOMComponent id={id as string} pathname={pathname} \u002F>;\n}\n",[4828],{"type":41,"tag":56,"props":4829,"children":4830},{"__ignoreMap":226},[4831,4839,4888,4919,4926,4953,4989,5017,5024,5083],{"type":41,"tag":232,"props":4832,"children":4833},{"class":234,"line":235},[4834],{"type":41,"tag":232,"props":4835,"children":4836},{"style":239},[4837],{"type":47,"value":4838},"\u002F\u002F app\u002F[id].tsx (native)\n",{"type":41,"tag":232,"props":4840,"children":4841},{"class":234,"line":245},[4842,4846,4850,4855,4859,4864,4868,4872,4876,4880,4884],{"type":41,"tag":232,"props":4843,"children":4844},{"style":284},[4845],{"type":47,"value":1454},{"type":41,"tag":232,"props":4847,"children":4848},{"style":249},[4849],{"type":47,"value":1215},{"type":41,"tag":232,"props":4851,"children":4852},{"style":361},[4853],{"type":47,"value":4854}," useLocalSearchParams",{"type":41,"tag":232,"props":4856,"children":4857},{"style":249},[4858],{"type":47,"value":584},{"type":41,"tag":232,"props":4860,"children":4861},{"style":361},[4862],{"type":47,"value":4863}," usePathname",{"type":41,"tag":232,"props":4865,"children":4866},{"style":249},[4867],{"type":47,"value":1252},{"type":41,"tag":232,"props":4869,"children":4870},{"style":284},[4871],{"type":47,"value":1472},{"type":41,"tag":232,"props":4873,"children":4874},{"style":249},[4875],{"type":47,"value":1155},{"type":41,"tag":232,"props":4877,"children":4878},{"style":255},[4879],{"type":47,"value":4401},{"type":41,"tag":232,"props":4881,"children":4882},{"style":249},[4883],{"type":47,"value":252},{"type":41,"tag":232,"props":4885,"children":4886},{"style":249},[4887],{"type":47,"value":267},{"type":41,"tag":232,"props":4889,"children":4890},{"class":234,"line":270},[4891,4895,4899,4903,4907,4911,4915],{"type":41,"tag":232,"props":4892,"children":4893},{"style":284},[4894],{"type":47,"value":1454},{"type":41,"tag":232,"props":4896,"children":4897},{"style":361},[4898],{"type":47,"value":1500},{"type":41,"tag":232,"props":4900,"children":4901},{"style":284},[4902],{"type":47,"value":1505},{"type":41,"tag":232,"props":4904,"children":4905},{"style":249},[4906],{"type":47,"value":1155},{"type":41,"tag":232,"props":4908,"children":4909},{"style":255},[4910],{"type":47,"value":1514},{"type":41,"tag":232,"props":4912,"children":4913},{"style":249},[4914],{"type":47,"value":252},{"type":41,"tag":232,"props":4916,"children":4917},{"style":249},[4918],{"type":47,"value":267},{"type":41,"tag":232,"props":4920,"children":4921},{"class":234,"line":280},[4922],{"type":41,"tag":232,"props":4923,"children":4924},{"emptyLinePlaceholder":274},[4925],{"type":47,"value":277},{"type":41,"tag":232,"props":4927,"children":4928},{"class":234,"line":312},[4929,4933,4937,4941,4945,4949],{"type":41,"tag":232,"props":4930,"children":4931},{"style":284},[4932],{"type":47,"value":287},{"type":41,"tag":232,"props":4934,"children":4935},{"style":284},[4936],{"type":47,"value":292},{"type":41,"tag":232,"props":4938,"children":4939},{"style":295},[4940],{"type":47,"value":298},{"type":41,"tag":232,"props":4942,"children":4943},{"style":301},[4944],{"type":47,"value":1549},{"type":41,"tag":232,"props":4946,"children":4947},{"style":249},[4948],{"type":47,"value":1554},{"type":41,"tag":232,"props":4950,"children":4951},{"style":249},[4952],{"type":47,"value":338},{"type":41,"tag":232,"props":4954,"children":4955},{"class":234,"line":327},[4956,4960,4964,4969,4973,4977,4981,4985],{"type":41,"tag":232,"props":4957,"children":4958},{"style":295},[4959],{"type":47,"value":2222},{"type":41,"tag":232,"props":4961,"children":4962},{"style":249},[4963],{"type":47,"value":1215},{"type":41,"tag":232,"props":4965,"children":4966},{"style":361},[4967],{"type":47,"value":4968}," id",{"type":41,"tag":232,"props":4970,"children":4971},{"style":249},[4972],{"type":47,"value":1252},{"type":41,"tag":232,"props":4974,"children":4975},{"style":249},[4976],{"type":47,"value":2232},{"type":41,"tag":232,"props":4978,"children":4979},{"style":301},[4980],{"type":47,"value":4854},{"type":41,"tag":232,"props":4982,"children":4983},{"style":345},[4984],{"type":47,"value":1554},{"type":41,"tag":232,"props":4986,"children":4987},{"style":249},[4988],{"type":47,"value":267},{"type":41,"tag":232,"props":4990,"children":4991},{"class":234,"line":341},[4992,4996,5001,5005,5009,5013],{"type":41,"tag":232,"props":4993,"children":4994},{"style":295},[4995],{"type":47,"value":2222},{"type":41,"tag":232,"props":4997,"children":4998},{"style":361},[4999],{"type":47,"value":5000}," pathname",{"type":41,"tag":232,"props":5002,"children":5003},{"style":249},[5004],{"type":47,"value":2232},{"type":41,"tag":232,"props":5006,"children":5007},{"style":301},[5008],{"type":47,"value":4863},{"type":41,"tag":232,"props":5010,"children":5011},{"style":345},[5012],{"type":47,"value":1554},{"type":41,"tag":232,"props":5014,"children":5015},{"style":249},[5016],{"type":47,"value":267},{"type":41,"tag":232,"props":5018,"children":5019},{"class":234,"line":371},[5020],{"type":41,"tag":232,"props":5021,"children":5022},{"emptyLinePlaceholder":274},[5023],{"type":47,"value":277},{"type":41,"tag":232,"props":5025,"children":5026},{"class":234,"line":421},[5027,5031,5035,5039,5043,5047,5052,5057,5061,5065,5070,5074,5078],{"type":41,"tag":232,"props":5028,"children":5029},{"style":284},[5030],{"type":47,"value":440},{"type":41,"tag":232,"props":5032,"children":5033},{"style":249},[5034],{"type":47,"value":1002},{"type":41,"tag":232,"props":5036,"children":5037},{"style":355},[5038],{"type":47,"value":1078},{"type":41,"tag":232,"props":5040,"children":5041},{"style":295},[5042],{"type":47,"value":4968},{"type":41,"tag":232,"props":5044,"children":5045},{"style":249},[5046],{"type":47,"value":626},{"type":41,"tag":232,"props":5048,"children":5049},{"style":361},[5050],{"type":47,"value":5051},"id ",{"type":41,"tag":232,"props":5053,"children":5054},{"style":284},[5055],{"type":47,"value":5056},"as",{"type":41,"tag":232,"props":5058,"children":5059},{"style":355},[5060],{"type":47,"value":882},{"type":41,"tag":232,"props":5062,"children":5063},{"style":249},[5064],{"type":47,"value":2835},{"type":41,"tag":232,"props":5066,"children":5067},{"style":295},[5068],{"type":47,"value":5069},"pathname",{"type":41,"tag":232,"props":5071,"children":5072},{"style":249},[5073],{"type":47,"value":626},{"type":41,"tag":232,"props":5075,"children":5076},{"style":361},[5077],{"type":47,"value":5069},{"type":41,"tag":232,"props":5079,"children":5080},{"style":249},[5081],{"type":47,"value":5082},"} \u002F>;\n",{"type":41,"tag":232,"props":5084,"children":5085},{"class":234,"line":434},[5086],{"type":41,"tag":232,"props":5087,"children":5088},{"style":249},[5089],{"type":47,"value":667},{"type":41,"tag":221,"props":5091,"children":5093},{"className":223,"code":5092,"language":225,"meta":226,"style":226},"\u002F\u002F components\u002Fdom-component.tsx\n\"use dom\";\n\ninterface Props {\n id: string;\n pathname: string;\n dom?: import(\"expo\u002Fdom\").DOMProps;\n}\n\nexport default function DOMComponent({ id, pathname }: Props) {\n return (\n \u003Cdiv>\n \u003Cp>Current ID: {id}\u003C\u002Fp>\n \u003Cp>Current Path: {pathname}\u003C\u002Fp>\n \u003C\u002Fdiv>\n );\n}\n",[5094],{"type":41,"tag":56,"props":5095,"children":5096},{"__ignoreMap":226},[5097,5104,5123,5130,5145,5165,5185,5228,5235,5242,5293,5304,5319,5360,5400,5415,5426],{"type":41,"tag":232,"props":5098,"children":5099},{"class":234,"line":235},[5100],{"type":41,"tag":232,"props":5101,"children":5102},{"style":239},[5103],{"type":47,"value":1900},{"type":41,"tag":232,"props":5105,"children":5106},{"class":234,"line":245},[5107,5111,5115,5119],{"type":41,"tag":232,"props":5108,"children":5109},{"style":249},[5110],{"type":47,"value":252},{"type":41,"tag":232,"props":5112,"children":5113},{"style":255},[5114],{"type":47,"value":258},{"type":41,"tag":232,"props":5116,"children":5117},{"style":249},[5118],{"type":47,"value":252},{"type":41,"tag":232,"props":5120,"children":5121},{"style":249},[5122],{"type":47,"value":267},{"type":41,"tag":232,"props":5124,"children":5125},{"class":234,"line":270},[5126],{"type":41,"tag":232,"props":5127,"children":5128},{"emptyLinePlaceholder":274},[5129],{"type":47,"value":277},{"type":41,"tag":232,"props":5131,"children":5132},{"class":234,"line":280},[5133,5137,5141],{"type":41,"tag":232,"props":5134,"children":5135},{"style":295},[5136],{"type":47,"value":856},{"type":41,"tag":232,"props":5138,"children":5139},{"style":355},[5140],{"type":47,"value":861},{"type":41,"tag":232,"props":5142,"children":5143},{"style":249},[5144],{"type":47,"value":338},{"type":41,"tag":232,"props":5146,"children":5147},{"class":234,"line":312},[5148,5153,5157,5161],{"type":41,"tag":232,"props":5149,"children":5150},{"style":345},[5151],{"type":47,"value":5152}," id",{"type":41,"tag":232,"props":5154,"children":5155},{"style":249},[5156],{"type":47,"value":352},{"type":41,"tag":232,"props":5158,"children":5159},{"style":355},[5160],{"type":47,"value":882},{"type":41,"tag":232,"props":5162,"children":5163},{"style":249},[5164],{"type":47,"value":267},{"type":41,"tag":232,"props":5166,"children":5167},{"class":234,"line":327},[5168,5173,5177,5181],{"type":41,"tag":232,"props":5169,"children":5170},{"style":345},[5171],{"type":47,"value":5172}," pathname",{"type":41,"tag":232,"props":5174,"children":5175},{"style":249},[5176],{"type":47,"value":352},{"type":41,"tag":232,"props":5178,"children":5179},{"style":355},[5180],{"type":47,"value":882},{"type":41,"tag":232,"props":5182,"children":5183},{"style":249},[5184],{"type":47,"value":267},{"type":41,"tag":232,"props":5186,"children":5187},{"class":234,"line":341},[5188,5192,5196,5200,5204,5208,5212,5216,5220,5224],{"type":41,"tag":232,"props":5189,"children":5190},{"style":345},[5191],{"type":47,"value":377},{"type":41,"tag":232,"props":5193,"children":5194},{"style":249},[5195],{"type":47,"value":2114},{"type":41,"tag":232,"props":5197,"children":5198},{"style":249},[5199],{"type":47,"value":386},{"type":41,"tag":232,"props":5201,"children":5202},{"style":361},[5203],{"type":47,"value":391},{"type":41,"tag":232,"props":5205,"children":5206},{"style":249},[5207],{"type":47,"value":252},{"type":41,"tag":232,"props":5209,"children":5210},{"style":255},[5211],{"type":47,"value":400},{"type":41,"tag":232,"props":5213,"children":5214},{"style":249},[5215],{"type":47,"value":252},{"type":41,"tag":232,"props":5217,"children":5218},{"style":361},[5219],{"type":47,"value":409},{"type":41,"tag":232,"props":5221,"children":5222},{"style":355},[5223],{"type":47,"value":414},{"type":41,"tag":232,"props":5225,"children":5226},{"style":249},[5227],{"type":47,"value":267},{"type":41,"tag":232,"props":5229,"children":5230},{"class":234,"line":371},[5231],{"type":41,"tag":232,"props":5232,"children":5233},{"style":249},[5234],{"type":47,"value":667},{"type":41,"tag":232,"props":5236,"children":5237},{"class":234,"line":421},[5238],{"type":41,"tag":232,"props":5239,"children":5240},{"emptyLinePlaceholder":274},[5241],{"type":47,"value":277},{"type":41,"tag":232,"props":5243,"children":5244},{"class":234,"line":434},[5245,5249,5253,5257,5261,5265,5269,5273,5277,5281,5285,5289],{"type":41,"tag":232,"props":5246,"children":5247},{"style":284},[5248],{"type":47,"value":287},{"type":41,"tag":232,"props":5250,"children":5251},{"style":284},[5252],{"type":47,"value":292},{"type":41,"tag":232,"props":5254,"children":5255},{"style":295},[5256],{"type":47,"value":298},{"type":41,"tag":232,"props":5258,"children":5259},{"style":301},[5260],{"type":47,"value":2180},{"type":41,"tag":232,"props":5262,"children":5263},{"style":249},[5264],{"type":47,"value":968},{"type":41,"tag":232,"props":5266,"children":5267},{"style":316},[5268],{"type":47,"value":4968},{"type":41,"tag":232,"props":5270,"children":5271},{"style":249},[5272],{"type":47,"value":584},{"type":41,"tag":232,"props":5274,"children":5275},{"style":316},[5276],{"type":47,"value":5000},{"type":41,"tag":232,"props":5278,"children":5279},{"style":249},[5280],{"type":47,"value":978},{"type":41,"tag":232,"props":5282,"children":5283},{"style":355},[5284],{"type":47,"value":861},{"type":41,"tag":232,"props":5286,"children":5287},{"style":249},[5288],{"type":47,"value":594},{"type":41,"tag":232,"props":5290,"children":5291},{"style":249},[5292],{"type":47,"value":338},{"type":41,"tag":232,"props":5294,"children":5295},{"class":234,"line":448},[5296,5300],{"type":41,"tag":232,"props":5297,"children":5298},{"style":284},[5299],{"type":47,"value":440},{"type":41,"tag":232,"props":5301,"children":5302},{"style":345},[5303],{"type":47,"value":445},{"type":41,"tag":232,"props":5305,"children":5306},{"class":234,"line":492},[5307,5311,5315],{"type":41,"tag":232,"props":5308,"children":5309},{"style":249},[5310],{"type":47,"value":454},{"type":41,"tag":232,"props":5312,"children":5313},{"style":345},[5314],{"type":47,"value":459},{"type":41,"tag":232,"props":5316,"children":5317},{"style":249},[5318],{"type":47,"value":526},{"type":41,"tag":232,"props":5320,"children":5321},{"class":234,"line":529},[5322,5326,5330,5334,5339,5343,5348,5352,5356],{"type":41,"tag":232,"props":5323,"children":5324},{"style":249},[5325],{"type":47,"value":498},{"type":41,"tag":232,"props":5327,"children":5328},{"style":345},[5329],{"type":47,"value":50},{"type":41,"tag":232,"props":5331,"children":5332},{"style":249},[5333],{"type":47,"value":507},{"type":41,"tag":232,"props":5335,"children":5336},{"style":361},[5337],{"type":47,"value":5338},"Current ID: ",{"type":41,"tag":232,"props":5340,"children":5341},{"style":249},[5342],{"type":47,"value":2322},{"type":41,"tag":232,"props":5344,"children":5345},{"style":361},[5346],{"type":47,"value":5347},"id",{"type":41,"tag":232,"props":5349,"children":5350},{"style":249},[5351],{"type":47,"value":645},{"type":41,"tag":232,"props":5353,"children":5354},{"style":345},[5355],{"type":47,"value":50},{"type":41,"tag":232,"props":5357,"children":5358},{"style":249},[5359],{"type":47,"value":526},{"type":41,"tag":232,"props":5361,"children":5362},{"class":234,"line":545},[5363,5367,5371,5375,5380,5384,5388,5392,5396],{"type":41,"tag":232,"props":5364,"children":5365},{"style":249},[5366],{"type":47,"value":498},{"type":41,"tag":232,"props":5368,"children":5369},{"style":345},[5370],{"type":47,"value":50},{"type":41,"tag":232,"props":5372,"children":5373},{"style":249},[5374],{"type":47,"value":507},{"type":41,"tag":232,"props":5376,"children":5377},{"style":361},[5378],{"type":47,"value":5379},"Current Path: ",{"type":41,"tag":232,"props":5381,"children":5382},{"style":249},[5383],{"type":47,"value":2322},{"type":41,"tag":232,"props":5385,"children":5386},{"style":361},[5387],{"type":47,"value":5069},{"type":41,"tag":232,"props":5389,"children":5390},{"style":249},[5391],{"type":47,"value":645},{"type":41,"tag":232,"props":5393,"children":5394},{"style":345},[5395],{"type":47,"value":50},{"type":41,"tag":232,"props":5397,"children":5398},{"style":249},[5399],{"type":47,"value":526},{"type":41,"tag":232,"props":5401,"children":5402},{"class":234,"line":606},[5403,5407,5411],{"type":41,"tag":232,"props":5404,"children":5405},{"style":249},[5406],{"type":47,"value":693},{"type":41,"tag":232,"props":5408,"children":5409},{"style":345},[5410],{"type":47,"value":459},{"type":41,"tag":232,"props":5412,"children":5413},{"style":249},[5414],{"type":47,"value":526},{"type":41,"tag":232,"props":5416,"children":5417},{"class":234,"line":656},[5418,5422],{"type":41,"tag":232,"props":5419,"children":5420},{"style":345},[5421],{"type":47,"value":710},{"type":41,"tag":232,"props":5423,"children":5424},{"style":249},[5425],{"type":47,"value":267},{"type":41,"tag":232,"props":5427,"children":5428},{"class":234,"line":670},[5429],{"type":41,"tag":232,"props":5430,"children":5431},{"style":249},[5432],{"type":47,"value":667},{"type":41,"tag":42,"props":5434,"children":5436},{"id":5435},"detecting-dom-environment",[5437],{"type":47,"value":5438},"Detecting DOM Environment",{"type":41,"tag":50,"props":5440,"children":5441},{},[5442],{"type":47,"value":5443},"Check if code is running in a DOM component:",{"type":41,"tag":221,"props":5445,"children":5447},{"className":223,"code":5446,"language":225,"meta":226,"style":226},"\"use dom\";\n\nimport { IS_DOM } from \"expo\u002Fdom\";\n\nexport default function Component({\n dom,\n}: {\n dom?: import(\"expo\u002Fdom\").DOMProps;\n}) {\n return \u003Cdiv>{IS_DOM ? \"Running in DOM component\" : \"Running natively\"}\u003C\u002Fdiv>;\n}\n",[5448],{"type":41,"tag":56,"props":5449,"children":5450},{"__ignoreMap":226},[5451,5470,5477,5517,5524,5548,5559,5570,5613,5624,5696],{"type":41,"tag":232,"props":5452,"children":5453},{"class":234,"line":235},[5454,5458,5462,5466],{"type":41,"tag":232,"props":5455,"children":5456},{"style":249},[5457],{"type":47,"value":252},{"type":41,"tag":232,"props":5459,"children":5460},{"style":255},[5461],{"type":47,"value":258},{"type":41,"tag":232,"props":5463,"children":5464},{"style":249},[5465],{"type":47,"value":252},{"type":41,"tag":232,"props":5467,"children":5468},{"style":249},[5469],{"type":47,"value":267},{"type":41,"tag":232,"props":5471,"children":5472},{"class":234,"line":245},[5473],{"type":41,"tag":232,"props":5474,"children":5475},{"emptyLinePlaceholder":274},[5476],{"type":47,"value":277},{"type":41,"tag":232,"props":5478,"children":5479},{"class":234,"line":270},[5480,5484,5488,5493,5497,5501,5505,5509,5513],{"type":41,"tag":232,"props":5481,"children":5482},{"style":284},[5483],{"type":47,"value":1454},{"type":41,"tag":232,"props":5485,"children":5486},{"style":249},[5487],{"type":47,"value":1215},{"type":41,"tag":232,"props":5489,"children":5490},{"style":361},[5491],{"type":47,"value":5492}," IS_DOM",{"type":41,"tag":232,"props":5494,"children":5495},{"style":249},[5496],{"type":47,"value":1252},{"type":41,"tag":232,"props":5498,"children":5499},{"style":284},[5500],{"type":47,"value":1472},{"type":41,"tag":232,"props":5502,"children":5503},{"style":249},[5504],{"type":47,"value":1155},{"type":41,"tag":232,"props":5506,"children":5507},{"style":255},[5508],{"type":47,"value":400},{"type":41,"tag":232,"props":5510,"children":5511},{"style":249},[5512],{"type":47,"value":252},{"type":41,"tag":232,"props":5514,"children":5515},{"style":249},[5516],{"type":47,"value":267},{"type":41,"tag":232,"props":5518,"children":5519},{"class":234,"line":280},[5520],{"type":41,"tag":232,"props":5521,"children":5522},{"emptyLinePlaceholder":274},[5523],{"type":47,"value":277},{"type":41,"tag":232,"props":5525,"children":5526},{"class":234,"line":312},[5527,5531,5535,5539,5544],{"type":41,"tag":232,"props":5528,"children":5529},{"style":284},[5530],{"type":47,"value":287},{"type":41,"tag":232,"props":5532,"children":5533},{"style":284},[5534],{"type":47,"value":292},{"type":41,"tag":232,"props":5536,"children":5537},{"style":295},[5538],{"type":47,"value":298},{"type":41,"tag":232,"props":5540,"children":5541},{"style":301},[5542],{"type":47,"value":5543}," Component",{"type":41,"tag":232,"props":5545,"children":5546},{"style":249},[5547],{"type":47,"value":309},{"type":41,"tag":232,"props":5549,"children":5550},{"class":234,"line":327},[5551,5555],{"type":41,"tag":232,"props":5552,"children":5553},{"style":316},[5554],{"type":47,"value":377},{"type":41,"tag":232,"props":5556,"children":5557},{"style":249},[5558],{"type":47,"value":324},{"type":41,"tag":232,"props":5560,"children":5561},{"class":234,"line":341},[5562,5566],{"type":41,"tag":232,"props":5563,"children":5564},{"style":249},[5565],{"type":47,"value":333},{"type":41,"tag":232,"props":5567,"children":5568},{"style":249},[5569],{"type":47,"value":338},{"type":41,"tag":232,"props":5571,"children":5572},{"class":234,"line":371},[5573,5577,5581,5585,5589,5593,5597,5601,5605,5609],{"type":41,"tag":232,"props":5574,"children":5575},{"style":345},[5576],{"type":47,"value":377},{"type":41,"tag":232,"props":5578,"children":5579},{"style":249},[5580],{"type":47,"value":2114},{"type":41,"tag":232,"props":5582,"children":5583},{"style":249},[5584],{"type":47,"value":386},{"type":41,"tag":232,"props":5586,"children":5587},{"style":361},[5588],{"type":47,"value":391},{"type":41,"tag":232,"props":5590,"children":5591},{"style":249},[5592],{"type":47,"value":252},{"type":41,"tag":232,"props":5594,"children":5595},{"style":255},[5596],{"type":47,"value":400},{"type":41,"tag":232,"props":5598,"children":5599},{"style":249},[5600],{"type":47,"value":252},{"type":41,"tag":232,"props":5602,"children":5603},{"style":361},[5604],{"type":47,"value":409},{"type":41,"tag":232,"props":5606,"children":5607},{"style":355},[5608],{"type":47,"value":414},{"type":41,"tag":232,"props":5610,"children":5611},{"style":249},[5612],{"type":47,"value":267},{"type":41,"tag":232,"props":5614,"children":5615},{"class":234,"line":421},[5616,5620],{"type":41,"tag":232,"props":5617,"children":5618},{"style":249},[5619],{"type":47,"value":427},{"type":41,"tag":232,"props":5621,"children":5622},{"style":249},[5623],{"type":47,"value":338},{"type":41,"tag":232,"props":5625,"children":5626},{"class":234,"line":434},[5627,5631,5635,5639,5643,5648,5653,5657,5662,5666,5671,5675,5680,5684,5688,5692],{"type":41,"tag":232,"props":5628,"children":5629},{"style":284},[5630],{"type":47,"value":440},{"type":41,"tag":232,"props":5632,"children":5633},{"style":249},[5634],{"type":47,"value":1002},{"type":41,"tag":232,"props":5636,"children":5637},{"style":345},[5638],{"type":47,"value":459},{"type":41,"tag":232,"props":5640,"children":5641},{"style":249},[5642],{"type":47,"value":1011},{"type":41,"tag":232,"props":5644,"children":5645},{"style":361},[5646],{"type":47,"value":5647},"IS_DOM ",{"type":41,"tag":232,"props":5649,"children":5650},{"style":249},[5651],{"type":47,"value":5652},"?",{"type":41,"tag":232,"props":5654,"children":5655},{"style":249},[5656],{"type":47,"value":1155},{"type":41,"tag":232,"props":5658,"children":5659},{"style":255},[5660],{"type":47,"value":5661},"Running in DOM component",{"type":41,"tag":232,"props":5663,"children":5664},{"style":249},[5665],{"type":47,"value":252},{"type":41,"tag":232,"props":5667,"children":5668},{"style":249},[5669],{"type":47,"value":5670}," :",{"type":41,"tag":232,"props":5672,"children":5673},{"style":249},[5674],{"type":47,"value":1155},{"type":41,"tag":232,"props":5676,"children":5677},{"style":255},[5678],{"type":47,"value":5679},"Running natively",{"type":41,"tag":232,"props":5681,"children":5682},{"style":249},[5683],{"type":47,"value":252},{"type":41,"tag":232,"props":5685,"children":5686},{"style":249},[5687],{"type":47,"value":645},{"type":41,"tag":232,"props":5689,"children":5690},{"style":345},[5691],{"type":47,"value":459},{"type":41,"tag":232,"props":5693,"children":5694},{"style":249},[5695],{"type":47,"value":1029},{"type":41,"tag":232,"props":5697,"children":5698},{"class":234,"line":448},[5699],{"type":41,"tag":232,"props":5700,"children":5701},{"style":249},[5702],{"type":47,"value":667},{"type":41,"tag":42,"props":5704,"children":5706},{"id":5705},"assets",[5707],{"type":47,"value":5708},"Assets",{"type":41,"tag":50,"props":5710,"children":5711},{},[5712],{"type":47,"value":5713},"Prefer requiring assets instead of using the public directory:",{"type":41,"tag":221,"props":5715,"children":5717},{"className":223,"code":5716,"language":225,"meta":226,"style":226},"\"use dom\";\n\n\u002F\u002F Good - bundled with the component\nconst logo = require(\"..\u002Fassets\u002Flogo.png\");\n\nexport default function Component({\n dom,\n}: {\n dom: import(\"expo\u002Fdom\").DOMProps;\n}) {\n return \u003Cimg src={logo} alt=\"Logo\" \u002F>;\n}\n",[5718],{"type":41,"tag":56,"props":5719,"children":5720},{"__ignoreMap":226},[5721,5740,5747,5755,5801,5808,5831,5842,5853,5896,5907,5968],{"type":41,"tag":232,"props":5722,"children":5723},{"class":234,"line":235},[5724,5728,5732,5736],{"type":41,"tag":232,"props":5725,"children":5726},{"style":249},[5727],{"type":47,"value":252},{"type":41,"tag":232,"props":5729,"children":5730},{"style":255},[5731],{"type":47,"value":258},{"type":41,"tag":232,"props":5733,"children":5734},{"style":249},[5735],{"type":47,"value":252},{"type":41,"tag":232,"props":5737,"children":5738},{"style":249},[5739],{"type":47,"value":267},{"type":41,"tag":232,"props":5741,"children":5742},{"class":234,"line":245},[5743],{"type":41,"tag":232,"props":5744,"children":5745},{"emptyLinePlaceholder":274},[5746],{"type":47,"value":277},{"type":41,"tag":232,"props":5748,"children":5749},{"class":234,"line":270},[5750],{"type":41,"tag":232,"props":5751,"children":5752},{"style":239},[5753],{"type":47,"value":5754},"\u002F\u002F Good - bundled with the component\n",{"type":41,"tag":232,"props":5756,"children":5757},{"class":234,"line":280},[5758,5762,5767,5771,5776,5780,5784,5789,5793,5797],{"type":41,"tag":232,"props":5759,"children":5760},{"style":295},[5761],{"type":47,"value":3903},{"type":41,"tag":232,"props":5763,"children":5764},{"style":361},[5765],{"type":47,"value":5766}," logo ",{"type":41,"tag":232,"props":5768,"children":5769},{"style":249},[5770],{"type":47,"value":3326},{"type":41,"tag":232,"props":5772,"children":5773},{"style":301},[5774],{"type":47,"value":5775}," require",{"type":41,"tag":232,"props":5777,"children":5778},{"style":361},[5779],{"type":47,"value":391},{"type":41,"tag":232,"props":5781,"children":5782},{"style":249},[5783],{"type":47,"value":252},{"type":41,"tag":232,"props":5785,"children":5786},{"style":255},[5787],{"type":47,"value":5788},"..\u002Fassets\u002Flogo.png",{"type":41,"tag":232,"props":5790,"children":5791},{"style":249},[5792],{"type":47,"value":252},{"type":41,"tag":232,"props":5794,"children":5795},{"style":361},[5796],{"type":47,"value":594},{"type":41,"tag":232,"props":5798,"children":5799},{"style":249},[5800],{"type":47,"value":267},{"type":41,"tag":232,"props":5802,"children":5803},{"class":234,"line":312},[5804],{"type":41,"tag":232,"props":5805,"children":5806},{"emptyLinePlaceholder":274},[5807],{"type":47,"value":277},{"type":41,"tag":232,"props":5809,"children":5810},{"class":234,"line":327},[5811,5815,5819,5823,5827],{"type":41,"tag":232,"props":5812,"children":5813},{"style":284},[5814],{"type":47,"value":287},{"type":41,"tag":232,"props":5816,"children":5817},{"style":284},[5818],{"type":47,"value":292},{"type":41,"tag":232,"props":5820,"children":5821},{"style":295},[5822],{"type":47,"value":298},{"type":41,"tag":232,"props":5824,"children":5825},{"style":301},[5826],{"type":47,"value":5543},{"type":41,"tag":232,"props":5828,"children":5829},{"style":249},[5830],{"type":47,"value":309},{"type":41,"tag":232,"props":5832,"children":5833},{"class":234,"line":341},[5834,5838],{"type":41,"tag":232,"props":5835,"children":5836},{"style":316},[5837],{"type":47,"value":377},{"type":41,"tag":232,"props":5839,"children":5840},{"style":249},[5841],{"type":47,"value":324},{"type":41,"tag":232,"props":5843,"children":5844},{"class":234,"line":371},[5845,5849],{"type":41,"tag":232,"props":5846,"children":5847},{"style":249},[5848],{"type":47,"value":333},{"type":41,"tag":232,"props":5850,"children":5851},{"style":249},[5852],{"type":47,"value":338},{"type":41,"tag":232,"props":5854,"children":5855},{"class":234,"line":421},[5856,5860,5864,5868,5872,5876,5880,5884,5888,5892],{"type":41,"tag":232,"props":5857,"children":5858},{"style":345},[5859],{"type":47,"value":377},{"type":41,"tag":232,"props":5861,"children":5862},{"style":249},[5863],{"type":47,"value":352},{"type":41,"tag":232,"props":5865,"children":5866},{"style":249},[5867],{"type":47,"value":386},{"type":41,"tag":232,"props":5869,"children":5870},{"style":361},[5871],{"type":47,"value":391},{"type":41,"tag":232,"props":5873,"children":5874},{"style":249},[5875],{"type":47,"value":252},{"type":41,"tag":232,"props":5877,"children":5878},{"style":255},[5879],{"type":47,"value":400},{"type":41,"tag":232,"props":5881,"children":5882},{"style":249},[5883],{"type":47,"value":252},{"type":41,"tag":232,"props":5885,"children":5886},{"style":361},[5887],{"type":47,"value":409},{"type":41,"tag":232,"props":5889,"children":5890},{"style":355},[5891],{"type":47,"value":414},{"type":41,"tag":232,"props":5893,"children":5894},{"style":249},[5895],{"type":47,"value":267},{"type":41,"tag":232,"props":5897,"children":5898},{"class":234,"line":434},[5899,5903],{"type":41,"tag":232,"props":5900,"children":5901},{"style":249},[5902],{"type":47,"value":427},{"type":41,"tag":232,"props":5904,"children":5905},{"style":249},[5906],{"type":47,"value":338},{"type":41,"tag":232,"props":5908,"children":5909},{"class":234,"line":448},[5910,5914,5918,5923,5928,5932,5937,5941,5946,5950,5954,5959,5963],{"type":41,"tag":232,"props":5911,"children":5912},{"style":284},[5913],{"type":47,"value":440},{"type":41,"tag":232,"props":5915,"children":5916},{"style":249},[5917],{"type":47,"value":1002},{"type":41,"tag":232,"props":5919,"children":5920},{"style":345},[5921],{"type":47,"value":5922},"img",{"type":41,"tag":232,"props":5924,"children":5925},{"style":295},[5926],{"type":47,"value":5927}," src",{"type":41,"tag":232,"props":5929,"children":5930},{"style":249},[5931],{"type":47,"value":626},{"type":41,"tag":232,"props":5933,"children":5934},{"style":361},[5935],{"type":47,"value":5936},"logo",{"type":41,"tag":232,"props":5938,"children":5939},{"style":249},[5940],{"type":47,"value":2835},{"type":41,"tag":232,"props":5942,"children":5943},{"style":295},[5944],{"type":47,"value":5945},"alt",{"type":41,"tag":232,"props":5947,"children":5948},{"style":249},[5949],{"type":47,"value":3326},{"type":41,"tag":232,"props":5951,"children":5952},{"style":249},[5953],{"type":47,"value":252},{"type":41,"tag":232,"props":5955,"children":5956},{"style":255},[5957],{"type":47,"value":5958},"Logo",{"type":41,"tag":232,"props":5960,"children":5961},{"style":249},[5962],{"type":47,"value":252},{"type":41,"tag":232,"props":5964,"children":5965},{"style":249},[5966],{"type":47,"value":5967}," \u002F>;\n",{"type":41,"tag":232,"props":5969,"children":5970},{"class":234,"line":492},[5971],{"type":41,"tag":232,"props":5972,"children":5973},{"style":249},[5974],{"type":47,"value":667},{"type":41,"tag":42,"props":5976,"children":5978},{"id":5977},"usage-from-native-components",[5979],{"type":47,"value":5980},"Usage from Native Components",{"type":41,"tag":50,"props":5982,"children":5983},{},[5984],{"type":47,"value":5985},"Import and use DOM components like regular components:",{"type":41,"tag":221,"props":5987,"children":5989},{"className":223,"code":5988,"language":225,"meta":226,"style":226},"\u002F\u002F app\u002Findex.tsx\nimport { View, Text } from \"react-native\";\nimport WebChart from \"@\u002Fcomponents\u002Fweb-chart\";\nimport CodeBlock from \"@\u002Fcomponents\u002Fcode-block\";\n\nexport default function HomeScreen() {\n return (\n \u003CView style={{ flex: 1 }}>\n \u003CText>Native content above\u003C\u002FText>\n\n \u003CWebChart data={[10, 20, 30, 40, 50]} dom={{ style: { height: 300 } }} \u002F>\n\n \u003CCodeBlock\n code=\"const x = 1;\"\n language=\"javascript\"\n dom={{ scrollEnabled: true }}\n \u002F>\n\n \u003CText>Native content below\u003C\u002FText>\n \u003C\u002FView>\n );\n}\n",[5990],{"type":41,"tag":56,"props":5991,"children":5992},{"__ignoreMap":226},[5993,6001,6050,6083,6116,6123,6151,6162,6200,6233,6240,6354,6361,6373,6399,6424,6453,6461,6468,6500,6515,6526],{"type":41,"tag":232,"props":5994,"children":5995},{"class":234,"line":235},[5996],{"type":41,"tag":232,"props":5997,"children":5998},{"style":239},[5999],{"type":47,"value":6000},"\u002F\u002F app\u002Findex.tsx\n",{"type":41,"tag":232,"props":6002,"children":6003},{"class":234,"line":245},[6004,6008,6012,6017,6021,6026,6030,6034,6038,6042,6046],{"type":41,"tag":232,"props":6005,"children":6006},{"style":284},[6007],{"type":47,"value":1454},{"type":41,"tag":232,"props":6009,"children":6010},{"style":249},[6011],{"type":47,"value":1215},{"type":41,"tag":232,"props":6013,"children":6014},{"style":361},[6015],{"type":47,"value":6016}," View",{"type":41,"tag":232,"props":6018,"children":6019},{"style":249},[6020],{"type":47,"value":584},{"type":41,"tag":232,"props":6022,"children":6023},{"style":361},[6024],{"type":47,"value":6025}," Text",{"type":41,"tag":232,"props":6027,"children":6028},{"style":249},[6029],{"type":47,"value":1252},{"type":41,"tag":232,"props":6031,"children":6032},{"style":284},[6033],{"type":47,"value":1472},{"type":41,"tag":232,"props":6035,"children":6036},{"style":249},[6037],{"type":47,"value":1155},{"type":41,"tag":232,"props":6039,"children":6040},{"style":255},[6041],{"type":47,"value":14},{"type":41,"tag":232,"props":6043,"children":6044},{"style":249},[6045],{"type":47,"value":252},{"type":41,"tag":232,"props":6047,"children":6048},{"style":249},[6049],{"type":47,"value":267},{"type":41,"tag":232,"props":6051,"children":6052},{"class":234,"line":270},[6053,6057,6062,6066,6070,6075,6079],{"type":41,"tag":232,"props":6054,"children":6055},{"style":284},[6056],{"type":47,"value":1454},{"type":41,"tag":232,"props":6058,"children":6059},{"style":361},[6060],{"type":47,"value":6061}," WebChart ",{"type":41,"tag":232,"props":6063,"children":6064},{"style":284},[6065],{"type":47,"value":1505},{"type":41,"tag":232,"props":6067,"children":6068},{"style":249},[6069],{"type":47,"value":1155},{"type":41,"tag":232,"props":6071,"children":6072},{"style":255},[6073],{"type":47,"value":6074},"@\u002Fcomponents\u002Fweb-chart",{"type":41,"tag":232,"props":6076,"children":6077},{"style":249},[6078],{"type":47,"value":252},{"type":41,"tag":232,"props":6080,"children":6081},{"style":249},[6082],{"type":47,"value":267},{"type":41,"tag":232,"props":6084,"children":6085},{"class":234,"line":280},[6086,6090,6095,6099,6103,6108,6112],{"type":41,"tag":232,"props":6087,"children":6088},{"style":284},[6089],{"type":47,"value":1454},{"type":41,"tag":232,"props":6091,"children":6092},{"style":361},[6093],{"type":47,"value":6094}," CodeBlock ",{"type":41,"tag":232,"props":6096,"children":6097},{"style":284},[6098],{"type":47,"value":1505},{"type":41,"tag":232,"props":6100,"children":6101},{"style":249},[6102],{"type":47,"value":1155},{"type":41,"tag":232,"props":6104,"children":6105},{"style":255},[6106],{"type":47,"value":6107},"@\u002Fcomponents\u002Fcode-block",{"type":41,"tag":232,"props":6109,"children":6110},{"style":249},[6111],{"type":47,"value":252},{"type":41,"tag":232,"props":6113,"children":6114},{"style":249},[6115],{"type":47,"value":267},{"type":41,"tag":232,"props":6117,"children":6118},{"class":234,"line":312},[6119],{"type":41,"tag":232,"props":6120,"children":6121},{"emptyLinePlaceholder":274},[6122],{"type":47,"value":277},{"type":41,"tag":232,"props":6124,"children":6125},{"class":234,"line":327},[6126,6130,6134,6138,6143,6147],{"type":41,"tag":232,"props":6127,"children":6128},{"style":284},[6129],{"type":47,"value":287},{"type":41,"tag":232,"props":6131,"children":6132},{"style":284},[6133],{"type":47,"value":292},{"type":41,"tag":232,"props":6135,"children":6136},{"style":295},[6137],{"type":47,"value":298},{"type":41,"tag":232,"props":6139,"children":6140},{"style":301},[6141],{"type":47,"value":6142}," HomeScreen",{"type":41,"tag":232,"props":6144,"children":6145},{"style":249},[6146],{"type":47,"value":1554},{"type":41,"tag":232,"props":6148,"children":6149},{"style":249},[6150],{"type":47,"value":338},{"type":41,"tag":232,"props":6152,"children":6153},{"class":234,"line":341},[6154,6158],{"type":41,"tag":232,"props":6155,"children":6156},{"style":284},[6157],{"type":47,"value":440},{"type":41,"tag":232,"props":6159,"children":6160},{"style":345},[6161],{"type":47,"value":445},{"type":41,"tag":232,"props":6163,"children":6164},{"class":234,"line":371},[6165,6169,6174,6178,6182,6187,6191,6196],{"type":41,"tag":232,"props":6166,"children":6167},{"style":249},[6168],{"type":47,"value":454},{"type":41,"tag":232,"props":6170,"children":6171},{"style":355},[6172],{"type":47,"value":6173},"View",{"type":41,"tag":232,"props":6175,"children":6176},{"style":295},[6177],{"type":47,"value":464},{"type":41,"tag":232,"props":6179,"children":6180},{"style":249},[6181],{"type":47,"value":469},{"type":41,"tag":232,"props":6183,"children":6184},{"style":345},[6185],{"type":47,"value":6186}," flex",{"type":41,"tag":232,"props":6188,"children":6189},{"style":249},[6190],{"type":47,"value":352},{"type":41,"tag":232,"props":6192,"children":6193},{"style":481},[6194],{"type":47,"value":6195}," 1",{"type":41,"tag":232,"props":6197,"children":6198},{"style":249},[6199],{"type":47,"value":489},{"type":41,"tag":232,"props":6201,"children":6202},{"class":234,"line":421},[6203,6207,6212,6216,6221,6225,6229],{"type":41,"tag":232,"props":6204,"children":6205},{"style":249},[6206],{"type":47,"value":498},{"type":41,"tag":232,"props":6208,"children":6209},{"style":355},[6210],{"type":47,"value":6211},"Text",{"type":41,"tag":232,"props":6213,"children":6214},{"style":249},[6215],{"type":47,"value":507},{"type":41,"tag":232,"props":6217,"children":6218},{"style":361},[6219],{"type":47,"value":6220},"Native content above",{"type":41,"tag":232,"props":6222,"children":6223},{"style":249},[6224],{"type":47,"value":517},{"type":41,"tag":232,"props":6226,"children":6227},{"style":355},[6228],{"type":47,"value":6211},{"type":41,"tag":232,"props":6230,"children":6231},{"style":249},[6232],{"type":47,"value":526},{"type":41,"tag":232,"props":6234,"children":6235},{"class":234,"line":434},[6236],{"type":41,"tag":232,"props":6237,"children":6238},{"emptyLinePlaceholder":274},[6239],{"type":47,"value":277},{"type":41,"tag":232,"props":6241,"children":6242},{"class":234,"line":448},[6243,6247,6252,6256,6260,6265,6270,6274,6278,6282,6287,6291,6296,6300,6305,6310,6314,6318,6322,6326,6330,6334,6338,6342,6346,6350],{"type":41,"tag":232,"props":6244,"children":6245},{"style":249},[6246],{"type":47,"value":498},{"type":41,"tag":232,"props":6248,"children":6249},{"style":355},[6250],{"type":47,"value":6251},"WebChart",{"type":41,"tag":232,"props":6253,"children":6254},{"style":295},[6255],{"type":47,"value":1813},{"type":41,"tag":232,"props":6257,"children":6258},{"style":249},[6259],{"type":47,"value":626},{"type":41,"tag":232,"props":6261,"children":6262},{"style":361},[6263],{"type":47,"value":6264},"[",{"type":41,"tag":232,"props":6266,"children":6267},{"style":481},[6268],{"type":47,"value":6269},"10",{"type":41,"tag":232,"props":6271,"children":6272},{"style":249},[6273],{"type":47,"value":584},{"type":41,"tag":232,"props":6275,"children":6276},{"style":481},[6277],{"type":47,"value":484},{"type":41,"tag":232,"props":6279,"children":6280},{"style":249},[6281],{"type":47,"value":584},{"type":41,"tag":232,"props":6283,"children":6284},{"style":481},[6285],{"type":47,"value":6286}," 30",{"type":41,"tag":232,"props":6288,"children":6289},{"style":249},[6290],{"type":47,"value":584},{"type":41,"tag":232,"props":6292,"children":6293},{"style":481},[6294],{"type":47,"value":6295}," 40",{"type":41,"tag":232,"props":6297,"children":6298},{"style":249},[6299],{"type":47,"value":584},{"type":41,"tag":232,"props":6301,"children":6302},{"style":481},[6303],{"type":47,"value":6304}," 50",{"type":41,"tag":232,"props":6306,"children":6307},{"style":361},[6308],{"type":47,"value":6309},"]",{"type":41,"tag":232,"props":6311,"children":6312},{"style":249},[6313],{"type":47,"value":2835},{"type":41,"tag":232,"props":6315,"children":6316},{"style":295},[6317],{"type":47,"value":801},{"type":41,"tag":232,"props":6319,"children":6320},{"style":249},[6321],{"type":47,"value":469},{"type":41,"tag":232,"props":6323,"children":6324},{"style":345},[6325],{"type":47,"value":464},{"type":41,"tag":232,"props":6327,"children":6328},{"style":249},[6329],{"type":47,"value":352},{"type":41,"tag":232,"props":6331,"children":6332},{"style":249},[6333],{"type":47,"value":1215},{"type":41,"tag":232,"props":6335,"children":6336},{"style":345},[6337],{"type":47,"value":1238},{"type":41,"tag":232,"props":6339,"children":6340},{"style":249},[6341],{"type":47,"value":352},{"type":41,"tag":232,"props":6343,"children":6344},{"style":481},[6345],{"type":47,"value":1229},{"type":41,"tag":232,"props":6347,"children":6348},{"style":249},[6349],{"type":47,"value":1252},{"type":41,"tag":232,"props":6351,"children":6352},{"style":249},[6353],{"type":47,"value":1107},{"type":41,"tag":232,"props":6355,"children":6356},{"class":234,"line":492},[6357],{"type":41,"tag":232,"props":6358,"children":6359},{"emptyLinePlaceholder":274},[6360],{"type":47,"value":277},{"type":41,"tag":232,"props":6362,"children":6363},{"class":234,"line":529},[6364,6368],{"type":41,"tag":232,"props":6365,"children":6366},{"style":249},[6367],{"type":47,"value":498},{"type":41,"tag":232,"props":6369,"children":6370},{"style":355},[6371],{"type":47,"value":6372},"CodeBlock\n",{"type":41,"tag":232,"props":6374,"children":6375},{"class":234,"line":545},[6376,6381,6385,6389,6394],{"type":41,"tag":232,"props":6377,"children":6378},{"style":295},[6379],{"type":47,"value":6380}," code",{"type":41,"tag":232,"props":6382,"children":6383},{"style":249},[6384],{"type":47,"value":3326},{"type":41,"tag":232,"props":6386,"children":6387},{"style":249},[6388],{"type":47,"value":252},{"type":41,"tag":232,"props":6390,"children":6391},{"style":255},[6392],{"type":47,"value":6393},"const x = 1;",{"type":41,"tag":232,"props":6395,"children":6396},{"style":249},[6397],{"type":47,"value":6398},"\"\n",{"type":41,"tag":232,"props":6400,"children":6401},{"class":234,"line":606},[6402,6407,6411,6415,6420],{"type":41,"tag":232,"props":6403,"children":6404},{"style":295},[6405],{"type":47,"value":6406}," language",{"type":41,"tag":232,"props":6408,"children":6409},{"style":249},[6410],{"type":47,"value":3326},{"type":41,"tag":232,"props":6412,"children":6413},{"style":249},[6414],{"type":47,"value":252},{"type":41,"tag":232,"props":6416,"children":6417},{"style":255},[6418],{"type":47,"value":6419},"javascript",{"type":41,"tag":232,"props":6421,"children":6422},{"style":249},[6423],{"type":47,"value":6398},{"type":41,"tag":232,"props":6425,"children":6426},{"class":234,"line":656},[6427,6432,6436,6440,6444,6448],{"type":41,"tag":232,"props":6428,"children":6429},{"style":295},[6430],{"type":47,"value":6431}," dom",{"type":41,"tag":232,"props":6433,"children":6434},{"style":249},[6435],{"type":47,"value":469},{"type":41,"tag":232,"props":6437,"children":6438},{"style":345},[6439],{"type":47,"value":1092},{"type":41,"tag":232,"props":6441,"children":6442},{"style":249},[6443],{"type":47,"value":352},{"type":41,"tag":232,"props":6445,"children":6446},{"style":1099},[6447],{"type":47,"value":1847},{"type":41,"tag":232,"props":6449,"children":6450},{"style":249},[6451],{"type":47,"value":6452}," }}\n",{"type":41,"tag":232,"props":6454,"children":6455},{"class":234,"line":670},[6456],{"type":41,"tag":232,"props":6457,"children":6458},{"style":249},[6459],{"type":47,"value":6460}," \u002F>\n",{"type":41,"tag":232,"props":6462,"children":6463},{"class":234,"line":687},[6464],{"type":41,"tag":232,"props":6465,"children":6466},{"emptyLinePlaceholder":274},[6467],{"type":47,"value":277},{"type":41,"tag":232,"props":6469,"children":6470},{"class":234,"line":704},[6471,6475,6479,6483,6488,6492,6496],{"type":41,"tag":232,"props":6472,"children":6473},{"style":249},[6474],{"type":47,"value":498},{"type":41,"tag":232,"props":6476,"children":6477},{"style":355},[6478],{"type":47,"value":6211},{"type":41,"tag":232,"props":6480,"children":6481},{"style":249},[6482],{"type":47,"value":507},{"type":41,"tag":232,"props":6484,"children":6485},{"style":361},[6486],{"type":47,"value":6487},"Native content below",{"type":41,"tag":232,"props":6489,"children":6490},{"style":249},[6491],{"type":47,"value":517},{"type":41,"tag":232,"props":6493,"children":6494},{"style":355},[6495],{"type":47,"value":6211},{"type":41,"tag":232,"props":6497,"children":6498},{"style":249},[6499],{"type":47,"value":526},{"type":41,"tag":232,"props":6501,"children":6502},{"class":234,"line":717},[6503,6507,6511],{"type":41,"tag":232,"props":6504,"children":6505},{"style":249},[6506],{"type":47,"value":693},{"type":41,"tag":232,"props":6508,"children":6509},{"style":355},[6510],{"type":47,"value":6173},{"type":41,"tag":232,"props":6512,"children":6513},{"style":249},[6514],{"type":47,"value":526},{"type":41,"tag":232,"props":6516,"children":6517},{"class":234,"line":2491},[6518,6522],{"type":41,"tag":232,"props":6519,"children":6520},{"style":345},[6521],{"type":47,"value":710},{"type":41,"tag":232,"props":6523,"children":6524},{"style":249},[6525],{"type":47,"value":267},{"type":41,"tag":232,"props":6527,"children":6528},{"class":234,"line":3347},[6529],{"type":41,"tag":232,"props":6530,"children":6531},{"style":249},[6532],{"type":47,"value":667},{"type":41,"tag":42,"props":6534,"children":6536},{"id":6535},"platform-behavior",[6537],{"type":47,"value":6538},"Platform Behavior",{"type":41,"tag":6540,"props":6541,"children":6542},"table",{},[6543,6562],{"type":41,"tag":6544,"props":6545,"children":6546},"thead",{},[6547],{"type":41,"tag":6548,"props":6549,"children":6550},"tr",{},[6551,6557],{"type":41,"tag":6552,"props":6553,"children":6554},"th",{},[6555],{"type":47,"value":6556},"Platform",{"type":41,"tag":6552,"props":6558,"children":6559},{},[6560],{"type":47,"value":6561},"Behavior",{"type":41,"tag":6563,"props":6564,"children":6565},"tbody",{},[6566,6580,6593],{"type":41,"tag":6548,"props":6567,"children":6568},{},[6569,6575],{"type":41,"tag":6570,"props":6571,"children":6572},"td",{},[6573],{"type":47,"value":6574},"iOS",{"type":41,"tag":6570,"props":6576,"children":6577},{},[6578],{"type":47,"value":6579},"Rendered in WKWebView",{"type":41,"tag":6548,"props":6581,"children":6582},{},[6583,6588],{"type":41,"tag":6570,"props":6584,"children":6585},{},[6586],{"type":47,"value":6587},"Android",{"type":41,"tag":6570,"props":6589,"children":6590},{},[6591],{"type":47,"value":6592},"Rendered in WebView",{"type":41,"tag":6548,"props":6594,"children":6595},{},[6596,6601],{"type":41,"tag":6570,"props":6597,"children":6598},{},[6599],{"type":47,"value":6600},"Web",{"type":41,"tag":6570,"props":6602,"children":6603},{},[6604],{"type":47,"value":6605},"Rendered as-is (no webview wrapper)",{"type":41,"tag":50,"props":6607,"children":6608},{},[6609,6611,6616],{"type":47,"value":6610},"On web, the ",{"type":41,"tag":56,"props":6612,"children":6614},{"className":6613},[],[6615],{"type":47,"value":801},{"type":47,"value":6617}," prop is ignored since no webview is needed.",{"type":41,"tag":42,"props":6619,"children":6621},{"id":6620},"tips",[6622],{"type":47,"value":6623},"Tips",{"type":41,"tag":84,"props":6625,"children":6626},{},[6627,6632,6637,6642,6647,6652],{"type":41,"tag":88,"props":6628,"children":6629},{},[6630],{"type":47,"value":6631},"DOM components hot reload during development",{"type":41,"tag":88,"props":6633,"children":6634},{},[6635],{"type":47,"value":6636},"Keep DOM components focused — don't put entire screens in webviews",{"type":41,"tag":88,"props":6638,"children":6639},{},[6640],{"type":47,"value":6641},"Use native components for navigation chrome, DOM components for specialized content",{"type":41,"tag":88,"props":6643,"children":6644},{},[6645],{"type":47,"value":6646},"Test on all platforms — web rendering may differ slightly from native webviews",{"type":41,"tag":88,"props":6648,"children":6649},{},[6650],{"type":47,"value":6651},"Large DOM components may impact performance — profile if needed",{"type":41,"tag":88,"props":6653,"children":6654},{},[6655],{"type":47,"value":6656},"The webview has its own JavaScript context — cannot directly share state with native",{"type":41,"tag":42,"props":6658,"children":6660},{"id":6659},"submitting-feedback",[6661],{"type":47,"value":6662},"Submitting Feedback",{"type":41,"tag":50,"props":6664,"children":6665},{},[6666],{"type":47,"value":6667},"If you encounter errors, misleading or outdated information in this skill, report it so Expo can improve:",{"type":41,"tag":221,"props":6669,"children":6673},{"className":6670,"code":6671,"language":6672,"meta":226,"style":226},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","npx --yes submit-expo-feedback@latest --category skills --subject \"expo-dom\" \"\u003Cactionable feedback>\"\n","bash",[6674],{"type":41,"tag":56,"props":6675,"children":6676},{"__ignoreMap":226},[6677],{"type":41,"tag":232,"props":6678,"children":6679},{"class":234,"line":235},[6680,6685,6690,6695,6700,6705,6710,6714,6718,6722,6726,6731],{"type":41,"tag":232,"props":6681,"children":6682},{"style":355},[6683],{"type":47,"value":6684},"npx",{"type":41,"tag":232,"props":6686,"children":6687},{"style":255},[6688],{"type":47,"value":6689}," --yes",{"type":41,"tag":232,"props":6691,"children":6692},{"style":255},[6693],{"type":47,"value":6694}," submit-expo-feedback@latest",{"type":41,"tag":232,"props":6696,"children":6697},{"style":255},[6698],{"type":47,"value":6699}," --category",{"type":41,"tag":232,"props":6701,"children":6702},{"style":255},[6703],{"type":47,"value":6704}," skills",{"type":41,"tag":232,"props":6706,"children":6707},{"style":255},[6708],{"type":47,"value":6709}," --subject",{"type":41,"tag":232,"props":6711,"children":6712},{"style":249},[6713],{"type":47,"value":1155},{"type":41,"tag":232,"props":6715,"children":6716},{"style":255},[6717],{"type":47,"value":4},{"type":41,"tag":232,"props":6719,"children":6720},{"style":249},[6721],{"type":47,"value":252},{"type":41,"tag":232,"props":6723,"children":6724},{"style":249},[6725],{"type":47,"value":1155},{"type":41,"tag":232,"props":6727,"children":6728},{"style":255},[6729],{"type":47,"value":6730},"\u003Cactionable feedback>",{"type":41,"tag":232,"props":6732,"children":6733},{"style":249},[6734],{"type":47,"value":6398},{"type":41,"tag":50,"props":6736,"children":6737},{},[6738],{"type":47,"value":6739},"Only submit when you have something specific and actionable to report. Include as much relevant context as possible.",{"type":41,"tag":2840,"props":6741,"children":6742},{},[6743],{"type":47,"value":6744},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"items":6746,"total":3403},[6747,6763,6776,6789,6803,6817,6835,6846,6861,6879,6894,6901],{"slug":6748,"name":6748,"fn":6749,"description":6750,"org":6751,"tags":6752,"stars":23,"repoUrl":24,"updatedAt":6762},"eas-app-stores","deploy and submit Expo apps to stores","EAS service (paid). Deploy Expo apps to the app stores with EAS - build and submit to the iOS App Store, Google Play Store, and TestFlight, configure eas.json build and submit profiles, manage app versions and build numbers, and publish App Store metadata and ASO. Use whenever the user wants to deploy, release, or ship an app to production or the app stores, is preparing a production build, running eas build or eas submit, shipping to TestFlight, bumping version or build numbers, or setting up store listing metadata. For deploying an Expo website or API routes, use the eas-hosting skill.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6753,6755,6758,6759,6761],{"name":6587,"slug":6754,"type":15},"android",{"name":6756,"slug":6757,"type":15},"Deployment","deployment",{"name":9,"slug":8,"type":15},{"name":6574,"slug":6760,"type":15},"ios",{"name":18,"slug":19,"type":15},"2026-07-24T05:36:44.164663",{"slug":6764,"name":6764,"fn":6765,"description":6766,"org":6767,"tags":6768,"stars":23,"repoUrl":24,"updatedAt":6775},"eas-hosting","deploy Expo websites to EAS Hosting","EAS service (paid). Deploy Expo websites and Expo Router API routes to EAS Hosting - export the web bundle, run eas deploy for production and PR preview URLs, manage environment secrets and custom domains, and work within the Cloudflare Workers runtime. Also covers authoring API routes (+api.ts handlers, HTTP methods, request handling, CORS). Use when deploying an Expo web app or API routes, setting up EAS Hosting, or configuring hosting environments and domains. Not for native builds or store releases - use the eas-app-stores skill for those.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6769,6770,6771,6772],{"name":6756,"slug":6757,"type":15},{"name":9,"slug":8,"type":15},{"name":21,"slug":22,"type":15},{"name":6773,"slug":6774,"type":15},"Web Development","web-development","2026-07-24T05:36:40.193701",{"slug":6777,"name":6777,"fn":6778,"description":6779,"org":6780,"tags":6781,"stars":23,"repoUrl":24,"updatedAt":6788},"eas-observe","configure EAS Observe for Expo apps","EAS service (paid). Use for anything related to EAS Observe - adding `expo-observe` to an Expo project (AppMetricsRoot\u002FObserveRoot HOC, markInteractive, the useObserve hook, the Expo Router \u002F React Navigation integrations for per-route metrics, and user-defined events via `Observe.logEvent`), querying via the EAS CLI (`eas observe:metrics-summary`, `observe:metrics`, `observe:routes`, `observe:events`, `observe:versions`), or interpreting the resulting metrics (cold\u002Fwarm launch, TTR, TTI, navigation cold\u002Fwarm TTR, update download, and the TTI frameRate params for triaging slow startups).",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6782,6783,6784,6787],{"name":9,"slug":8,"type":15},{"name":18,"slug":19,"type":15},{"name":6785,"slug":6786,"type":15},"Observability","observability",{"name":13,"slug":14,"type":15},"2026-07-24T05:36:45.220605",{"slug":6790,"name":6790,"fn":6791,"description":6792,"org":6793,"tags":6794,"stars":23,"repoUrl":24,"updatedAt":6802},"eas-simulator","run and control remote iOS and Android simulators","EAS service (paid). Run and control a user's app on a remote iOS\u002FAndroid simulator hosted on EAS cloud. Read before running any `eas simulator:*` commands - it has the current syntax for this experimental API. Use whenever the user needs a simulator they can't run locally - 'run my app on a cloud simulator', 'use eas simulator to run\u002Finstall\u002Fscreenshot my app', 'I'm on Linux\u002FCursor and need an iOS device', 'no sim on this box \u002F headless CI', 'let an agent click through my app and screenshot it', 'test my dev build on a remote sim with live reload', 'stream a sim to my browser' - even when they don't say 'EAS Simulator' or 'cloud'. On a host WITHOUT a local simulator (Linux, CI, cloud sandbox) it's the default; on macOS, do NOT auto-trigger for a plain 'run on the simulator' - use it only for a cloud\u002Fremote\u002Fshareable sim, an iOS version they lack, or an agent-driven session. NOT for local sims (expo run:ios, Xcode, Android Studio), EAS Build\u002FUpdate, web preview, or physical devices.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6795,6796,6799,6800,6801],{"name":6587,"slug":6754,"type":15},{"name":6797,"slug":6798,"type":15},"CLI","cli",{"name":9,"slug":8,"type":15},{"name":6574,"slug":6760,"type":15},{"name":18,"slug":19,"type":15},"2026-07-31T05:52:18.602058",{"slug":6804,"name":6804,"fn":6805,"description":6806,"org":6807,"tags":6808,"stars":23,"repoUrl":24,"updatedAt":6816},"eas-update-insights","check health of EAS Updates","EAS service (paid). Check the health of published EAS Update: crash rates, install\u002Flaunch counts, unique users, payload size, and the split between embedded and OTA users per channel. Use when the user asks how an update is performing, whether a rollout is healthy, how many users are on the embedded build vs OTA, or wants to gate CI on update health.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6809,6812,6813,6814,6815],{"name":6810,"slug":6811,"type":15},"Analytics","analytics",{"name":6756,"slug":6757,"type":15},{"name":9,"slug":8,"type":15},{"name":18,"slug":19,"type":15},{"name":6785,"slug":6786,"type":15},"2026-07-24T05:36:50.17095",{"slug":6818,"name":6818,"fn":6819,"description":6820,"org":6821,"tags":6822,"stars":23,"repoUrl":24,"updatedAt":6834},"eas-workflows","configure EAS workflows for Expo projects","EAS service (paid). Helps understand and write EAS workflow YAML files for Expo projects. Use this skill when the user asks about CI\u002FCD or workflows in an Expo or EAS context, mentions .eas\u002Fworkflows\u002F, or wants help with EAS build pipelines or deployment automation.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6823,6826,6829,6830,6831],{"name":6824,"slug":6825,"type":15},"Automation","automation",{"name":6827,"slug":6828,"type":15},"CI\u002FCD","ci-cd",{"name":6756,"slug":6757,"type":15},{"name":9,"slug":8,"type":15},{"name":6832,"slug":6833,"type":15},"YAML","yaml","2026-07-24T05:36:43.205514",{"slug":6836,"name":6836,"fn":6837,"description":6838,"org":6839,"tags":6840,"stars":23,"repoUrl":24,"updatedAt":6845},"expo-app-clip","add iOS App Clip targets to Expo","Framework (OSS). Add an iOS App Clip target to an Expo app. Use when the user mentions App Clip, AASA, apple-app-site-association, appclips, smart app banner, or wants to ship a lightweight iOS Clip invoked from a URL alongside their parent app.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6841,6842,6843,6844],{"name":9,"slug":8,"type":15},{"name":6574,"slug":6760,"type":15},{"name":18,"slug":19,"type":15},{"name":13,"slug":14,"type":15},"2026-07-24T05:36:46.195935",{"slug":6847,"name":6847,"fn":6848,"description":6849,"org":6850,"tags":6851,"stars":23,"repoUrl":24,"updatedAt":6860},"expo-brownfield","integrate Expo and React Native into native apps","Framework (OSS). Integrate Expo and React Native into an existing native iOS or Android app. Use when the user mentions brownfield, embedding React Native in a native app, AAR\u002FXCFramework, or adding Expo to an existing Kotlin\u002FSwift project. Covers both the isolated approach and the integrated approach.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6852,6853,6854,6857,6858,6859],{"name":6587,"slug":6754,"type":15},{"name":9,"slug":8,"type":15},{"name":6855,"slug":6856,"type":15},"Integrations","integrations",{"name":6574,"slug":6760,"type":15},{"name":18,"slug":19,"type":15},{"name":13,"slug":14,"type":15},"2026-07-24T05:36:39.682299",{"slug":6862,"name":6862,"fn":6863,"description":6864,"org":6865,"tags":6866,"stars":23,"repoUrl":24,"updatedAt":6878},"expo-data-fetching","fetch and manage data in Expo apps","Framework (OSS). Use when implementing or debugging ANY network request, API call, or data fetching. Covers fetch API, React Query, SWR, error handling, caching, offline support, and Expo Router data loaders (`useLoaderData`).",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6867,6870,6873,6874,6875],{"name":6868,"slug":6869,"type":15},"API Development","api-development",{"name":6871,"slug":6872,"type":15},"Caching","caching",{"name":9,"slug":8,"type":15},{"name":18,"slug":19,"type":15},{"name":6876,"slug":6877,"type":15},"React","react","2026-07-24T05:36:42.177188",{"slug":6880,"name":6880,"fn":6881,"description":6882,"org":6883,"tags":6884,"stars":23,"repoUrl":24,"updatedAt":6893},"expo-dev-client","build and distribute Expo development clients","Framework (OSS). Build and distribute Expo development clients locally or via TestFlight for internal testing. For production TestFlight releases and store submission, use the eas-app-stores skill.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6885,6886,6887,6888,6889,6892],{"name":6587,"slug":6754,"type":15},{"name":6756,"slug":6757,"type":15},{"name":9,"slug":8,"type":15},{"name":6574,"slug":6760,"type":15},{"name":6890,"slug":6891,"type":15},"Local Development","local-development",{"name":18,"slug":19,"type":15},"2026-07-24T05:36:51.160719",{"slug":4,"name":4,"fn":5,"description":6,"org":6895,"tags":6896,"stars":23,"repoUrl":24,"updatedAt":25},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6897,6898,6899,6900],{"name":9,"slug":8,"type":15},{"name":21,"slug":22,"type":15},{"name":18,"slug":19,"type":15},{"name":13,"slug":14,"type":15},{"slug":6902,"name":6902,"fn":6903,"description":6904,"org":6905,"tags":6906,"stars":23,"repoUrl":24,"updatedAt":6911},"expo-examples","integrate Expo example projects","Framework (OSS). Expo's official example projects - the expo\u002Fexamples repo of ~70 `with-*` integrations (Stripe, Clerk, Supabase, OpenAI, maps, Reanimated, SQLite, Skia, NativeWind, and more). Use when integrating a third-party library or service into an existing Expo app and you want the canonical, version-matched pattern to adapt, or when scaffolding a new project from one with `npx create-expo --example`.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6907,6908,6909,6910],{"name":9,"slug":8,"type":15},{"name":6855,"slug":6856,"type":15},{"name":18,"slug":19,"type":15},{"name":13,"slug":14,"type":15},"2026-07-24T05:36:35.174379",{"items":6913,"total":3347},[6914,6922,6929,6936,6944,6952,6960],{"slug":6748,"name":6748,"fn":6749,"description":6750,"org":6915,"tags":6916,"stars":23,"repoUrl":24,"updatedAt":6762},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6917,6918,6919,6920,6921],{"name":6587,"slug":6754,"type":15},{"name":6756,"slug":6757,"type":15},{"name":9,"slug":8,"type":15},{"name":6574,"slug":6760,"type":15},{"name":18,"slug":19,"type":15},{"slug":6764,"name":6764,"fn":6765,"description":6766,"org":6923,"tags":6924,"stars":23,"repoUrl":24,"updatedAt":6775},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6925,6926,6927,6928],{"name":6756,"slug":6757,"type":15},{"name":9,"slug":8,"type":15},{"name":21,"slug":22,"type":15},{"name":6773,"slug":6774,"type":15},{"slug":6777,"name":6777,"fn":6778,"description":6779,"org":6930,"tags":6931,"stars":23,"repoUrl":24,"updatedAt":6788},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6932,6933,6934,6935],{"name":9,"slug":8,"type":15},{"name":18,"slug":19,"type":15},{"name":6785,"slug":6786,"type":15},{"name":13,"slug":14,"type":15},{"slug":6790,"name":6790,"fn":6791,"description":6792,"org":6937,"tags":6938,"stars":23,"repoUrl":24,"updatedAt":6802},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6939,6940,6941,6942,6943],{"name":6587,"slug":6754,"type":15},{"name":6797,"slug":6798,"type":15},{"name":9,"slug":8,"type":15},{"name":6574,"slug":6760,"type":15},{"name":18,"slug":19,"type":15},{"slug":6804,"name":6804,"fn":6805,"description":6806,"org":6945,"tags":6946,"stars":23,"repoUrl":24,"updatedAt":6816},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6947,6948,6949,6950,6951],{"name":6810,"slug":6811,"type":15},{"name":6756,"slug":6757,"type":15},{"name":9,"slug":8,"type":15},{"name":18,"slug":19,"type":15},{"name":6785,"slug":6786,"type":15},{"slug":6818,"name":6818,"fn":6819,"description":6820,"org":6953,"tags":6954,"stars":23,"repoUrl":24,"updatedAt":6834},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6955,6956,6957,6958,6959],{"name":6824,"slug":6825,"type":15},{"name":6827,"slug":6828,"type":15},{"name":6756,"slug":6757,"type":15},{"name":9,"slug":8,"type":15},{"name":6832,"slug":6833,"type":15},{"slug":6836,"name":6836,"fn":6837,"description":6838,"org":6961,"tags":6962,"stars":23,"repoUrl":24,"updatedAt":6845},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6963,6964,6965,6966],{"name":9,"slug":8,"type":15},{"name":6574,"slug":6760,"type":15},{"name":18,"slug":19,"type":15},{"name":13,"slug":14,"type":15}]