Custom react components not exporting to github

Developer Support
1

I’m trying put my custom react component in my plasmic project (codegen) then publish it to github so i can host it elsewhere
plasmic-host.tsx

import { PlasmicCanvasHost, registerComponent } from "@plasmicapp/host";
import React from "react";
import {NodeReactFlow} from './components/ReactFlow'

registerComponent(NodeReactFlow, {
    name: "NodeReactFlow",
    props: {
        accountData: {
            type: 'array',
            defaultValue: []
        }
    },
    importPath: './src/components/ReactFlow.tsx'
})
const PlasmicHost = () => {
    return <PlasmicCanvasHost/>
}

export default PlasmicHost

it works fine in the project editor, i can see everything and it works as expected but when i publish it to github i dont see the custom component when i try to run it locally it says module not found

2

Hi @lukas, welcome to the community.

Looks like you’re trying to use codegen. Did you run plasmic sync yet? Codegen overview | Learn Plasmic

3

Hi thanks for the reply, yes i got it to work turns out i misunderstood how its supposed to work. I thought that if you publish to github it will export the custom code component aswell if its a new github repo which is what i was doing. Rather than having the plasmic project import into your existing one.

I should’ve read the docs more thoroughly.