1 reply

Uncaught ReferenceError: Cannot access 'yC' before initialization

Having problems importing a third party library with Plasmo.
I'm using CSUI with React.
The element I'm working on is a single anchor
Everything seemingly smooth on VSCode and terminal but when I go to inspect the page the titular problem pops up
yC is the bundled name for

PrivyProvider

PrivyProvider

, the component that wraps the element

Checking some support discussions on the library itself I've seen that some users were seemingly able to integrate this via contentscript, but I do not have access to the source code and they weren't using Plasmo

import { PrivyProvider } from "@privy-io/react-auth"
import cssText from "data-text:~/contents/style.css"
import type {
  PlasmoCSConfig,
  PlasmoCSUIAnchor,
  PlasmoGetInlineAnchor
} from "plasmo"

import { PRIVY_APP_ID } from "../constants/env"

export const getStyle = () => {
  const style = document.createElement("style")
  style.textContent = cssText
  return style
}

export const config: PlasmoCSConfig = {
  matches: ["https://x.com/*"]
}

export const getInlineAnchor: PlasmoGetInlineAnchor = async () =>
  document.querySelector(`body`)

// Use this to optimize unmount lookups
export const getShadowHostId = ({ element }) => `shadow-host-inline-modal`

export default function InlineModal({ anchor }: { anchor?: PlasmoCSUIAnchor }) {
  console.log(PRIVY_APP_ID)
  return (
    <PrivyProvider appId={PRIVY_APP_ID}>hello world</PrivyProvider>
  )
}

import { PrivyProvider } from "@privy-io/react-auth"
import cssText from "data-text:~/contents/style.css"
import type {
  PlasmoCSConfig,
  PlasmoCSUIAnchor,
  PlasmoGetInlineAnchor
} from "plasmo"

import { PRIVY_APP_ID } from "../constants/env"

export const getStyle = () => {
  const style = document.createElement("style")
  style.textContent = cssText
  return style
}

export const config: PlasmoCSConfig = {
  matches: ["https://x.com/*"]
}

export const getInlineAnchor: PlasmoGetInlineAnchor = async () =>
  document.querySelector(`body`)

// Use this to optimize unmount lookups
export const getShadowHostId = ({ element }) => `shadow-host-inline-modal`

export default function InlineModal({ anchor }: { anchor?: PlasmoCSUIAnchor }) {
  console.log(PRIVY_APP_ID)
  return (
    <PrivyProvider appId={PRIVY_APP_ID}>hello world</PrivyProvider>
  )
}

�PD

🧩 Plasmo Developers•17mo ago•

1 reply

krauser

Uncaught ReferenceError: Cannot access 'yC' before initialization

PrivyProvider

PrivyProvider

import { PrivyProvider } from "@privy-io/react-auth"
import cssText from "data-text:~/contents/style.css"
import type {
  PlasmoCSConfig,
  PlasmoCSUIAnchor,
  PlasmoGetInlineAnchor
} from "plasmo"

import { PRIVY_APP_ID } from "../constants/env"

export const getStyle = () => {
  const style = document.createElement("style")
  style.textContent = cssText
  return style
}

export const config: PlasmoCSConfig = {
  matches: ["https://x.com/*"]
}

export const getInlineAnchor: PlasmoGetInlineAnchor = async () =>
  document.querySelector(`body`)

// Use this to optimize unmount lookups
export const getShadowHostId = ({ element }) => `shadow-host-inline-modal`

export default function InlineModal({ anchor }: { anchor?: PlasmoCSUIAnchor }) {
  console.log(PRIVY_APP_ID)
  return (
    <PrivyProvider appId={PRIVY_APP_ID}>hello world</PrivyProvider>
  )
}

import { PrivyProvider } from "@privy-io/react-auth"
import cssText from "data-text:~/contents/style.css"
import type {
  PlasmoCSConfig,
  PlasmoCSUIAnchor,
  PlasmoGetInlineAnchor
} from "plasmo"

import { PRIVY_APP_ID } from "../constants/env"

export const getStyle = () => {
  const style = document.createElement("style")
  style.textContent = cssText
  return style
}

export const config: PlasmoCSConfig = {
  matches: ["https://x.com/*"]
}

export const getInlineAnchor: PlasmoGetInlineAnchor = async () =>
  document.querySelector(`body`)

// Use this to optimize unmount lookups
export const getShadowHostId = ({ element }) => `shadow-host-inline-modal`

export default function InlineModal({ anchor }: { anchor?: PlasmoCSUIAnchor }) {
  console.log(PRIVY_APP_ID)
  return (
    <PrivyProvider appId={PRIVY_APP_ID}>hello world</PrivyProvider>
  )
}

Uncaught ReferenceError: Cannot access 'yC' before initialization

Similar Threads

Uncaught ReferenceError: Cannot access 'yC' before initialization

Similar Threads

Similar Threads

Similar Threads