starred/ALwrity
1
0
Fork 0
mirror of https://github.com/AJaySi/ALwrity.git synced 2026-04-26 09:25:55 +03:00
Code Issues 82 Projects Releases 4 Packages Wiki Activity

[GH-ISSUE #290] Dev server fails: Missing Clerk publishable key and CopilotSidebar export errors #543

New issue
Closed
opened 2026-03-13 20:50:31 +03:00 by kerem · 1 comment
kerem commented 2026-03-13 20:50:31 +03:00
Owner
Copy link

Originally created by @uniqueumesh on GitHub (Oct 12, 2025).
Original GitHub issue: https://github.com/AJaySi/ALwrity/issues/290

Summary
Launching the frontend (Create React App) shows a blocking overlay “Missing Clerk Publishable Key — Please add REACT_APP_CLERK_PUBLISHABLE_KEY to your .env file” and compile errors reporting that CopilotSidebar is not exported from @copilotkit/react-ui.

Screenshot
Please see the attached screenshot from local run (missing Clerk banner + multiple CopilotSidebar export errors).

Steps to Reproduce

  1. Windows PowerShell
  2. cd frontend && npm install
  3. npm start
  4. Observe overlay and errors

Actual Behavior

  • CRA overlay blocks the UI with “Missing Clerk Publishable Key”
  • Webpack compilation errors for CopilotSidebar import:
    export 'CopilotSidebar' (imported as 'CopilotSidebar') was not found in '@copilotkit/react-ui' (possible exports: Button, Card)
    Affected files include:
    • src/components/BlogWriter/BlogWriter.tsx
    • src/components/ContentPlanningDashboard/components/ContentStrategyBuilder.tsx
    • src/components/FacebookWriter/FacebookWriter.tsx
    • src/components/LinkedInWriter/LinkedInWriter.tsx
    • src/components/SEODashboard/SEOCopilotKitProvider.tsx

Expected Behavior
Dev server starts and renders without blocking overlay and without missing exports.

Environment

  • OS: Windows 10 (build 26100)
  • Repo: AJaySi/ALwrity (branch: main)
  • Node/NPM: please confirm with node -v / npm -v
  • Commit: 20b0171 (from local)

Suspected Root Causes

  1. Frontend env var missing: CRA requires REACT_APP_ prefix; backend uses CLERK_PUBLISHABLE_KEY but frontend needs REACT_APP_CLERK_PUBLISHABLE_KEY.
  2. Version mismatch: Code imports CopilotSidebar but current @copilotkit/react-ui version appears not to export it (only Button, Card). Likely a removed/renamed component or incompatible version.

Proposed Fixes

  • Add a documented frontend env file (frontend/.env.local) and require:
    REACT_APP_CLERK_PUBLISHABLE_KEY=<publishable_key>
  • Align CopilotKit usage and versions:
    • Option A: Pin @copilotkit/react-ui to a version that exports CopilotSidebar and document the supported pair with @copilotkit/react-core.
    • Option B: Update our code to the latest CopilotKit API (replace CopilotSidebar with current components) and bump to compatible versions.
  • Add README onboarding for required frontend env vars and supported package versions.

Workarounds Tried

  • Creating frontend/.env.local with REACT_APP_CLERK_PUBLISHABLE_KEY=pk_test_replace_me (removes overlay once valid value is used)
  • Planning to pin/react-ui to a version exporting CopilotSidebar or refactor imports.

Request

  • Confirm the intended CopilotKit versions and whether CopilotSidebar is still part of the public API, and add/setup docs for the required frontend env vars.
Originally created by @uniqueumesh on GitHub (Oct 12, 2025). Original GitHub issue: https://github.com/AJaySi/ALwrity/issues/290 Summary Launching the frontend (Create React App) shows a blocking overlay “Missing Clerk Publishable Key — Please add REACT_APP_CLERK_PUBLISHABLE_KEY to your .env file” and compile errors reporting that CopilotSidebar is not exported from @copilotkit/react-ui. Screenshot Please see the attached screenshot from local run (missing Clerk banner + multiple CopilotSidebar export errors). Steps to Reproduce 1) Windows PowerShell 2) cd frontend && npm install 3) npm start 4) Observe overlay and errors Actual Behavior - CRA overlay blocks the UI with “Missing Clerk Publishable Key” - Webpack compilation errors for CopilotSidebar import: export 'CopilotSidebar' (imported as 'CopilotSidebar') was not found in '@copilotkit/react-ui' (possible exports: Button, Card) Affected files include: - src/components/BlogWriter/BlogWriter.tsx - src/components/ContentPlanningDashboard/components/ContentStrategyBuilder.tsx - src/components/FacebookWriter/FacebookWriter.tsx - src/components/LinkedInWriter/LinkedInWriter.tsx - src/components/SEODashboard/SEOCopilotKitProvider.tsx Expected Behavior Dev server starts and renders without blocking overlay and without missing exports. Environment - OS: Windows 10 (build 26100) - Repo: AJaySi/ALwrity (branch: main) - Node/NPM: please confirm with `node -v` / `npm -v` - Commit: 20b0171 (from local) Suspected Root Causes 1) Frontend env var missing: CRA requires REACT_APP_ prefix; backend uses CLERK_PUBLISHABLE_KEY but frontend needs REACT_APP_CLERK_PUBLISHABLE_KEY. 2) Version mismatch: Code imports CopilotSidebar but current @copilotkit/react-ui version appears not to export it (only Button, Card). Likely a removed/renamed component or incompatible version. Proposed Fixes - Add a documented frontend env file (frontend/.env.local) and require: REACT_APP_CLERK_PUBLISHABLE_KEY=<publishable_key> - Align CopilotKit usage and versions: - Option A: Pin @copilotkit/react-ui to a version that exports CopilotSidebar and document the supported pair with @copilotkit/react-core. - Option B: Update our code to the latest CopilotKit API (replace CopilotSidebar with current components) and bump to compatible versions. - Add README onboarding for required frontend env vars and supported package versions. Workarounds Tried - Creating frontend/.env.local with REACT_APP_CLERK_PUBLISHABLE_KEY=pk_test_replace_me (removes overlay once valid value is used) - Planning to pin/react-ui to a version exporting CopilotSidebar or refactor imports. Request - Confirm the intended CopilotKit versions and whether CopilotSidebar is still part of the public API, and add/setup docs for the required frontend env vars.
kerem closed this issue 2026-03-13 20:50:36 +03:00
kerem commented 2026-03-13 20:50:42 +03:00
Author
Owner
Copy link

@uniqueumesh commented on GitHub (Oct 12, 2025):

It was created by mistake.

<!-- gh-comment-id:3394966743 --> @uniqueumesh commented on GitHub (Oct 12, 2025): It was created by mistake.
Sign in to join this conversation.
No Branch/Tag specified
Branches Tags
main
codex/task-title-3y5pbt
codex/task-title-lsrpho
codex/task-title
codex/locate-and-render-brollinfopanel-component
codex/import-scene-composition-symbols-in-broll_service
codex/refactor-preview-generation-flow
codex/standardize-chart-preview-route-usage
codex/import-b-roll-handler-and-update-router
codex/implement-podcast-research-response-updates
codex/add-cost-estimation-feature-to-podcastdashboard
codex/remove-heuristic-calculators-and-update-estimates-bhvhnh
codex/remove-heuristic-calculators-and-update-estimates
codex/implement-dedicated-podcastcostest-model
codex/add-podcast-maker-feature-documentation
codex/review-flat-file-context-system-implementation
codex/create-podcast-maker-best-practices-documentation
codex/add-podcast-maker-journey-pages-for-personas
codex/refactor-podcast-maker-documentation-structure
dependabot/npm_and_yarn/frontend/npm_and_yarn-7d3393088f
codex/log-skipped-and-loaded-items
codex/create-startup-phases-for-podcast-demo-tugrzv
codex/create-startup-phases-for-podcast-demo
codex/add-api-feature-profile-status-endpoint
codex/refactor-routermanager-to-use-registry
codex/add-new-modules-for-feature-management
codex/downgrade-api-key-warning-logging
codex/refactor-onboarding-loading-logic
codex/add-ci-lint-check-for-user_id-patterns
codex/remove-sessionlocal-import-and-add-health-check
codex/refactor-dubbed_audio_dir-to-tenant-path-resolver
codex/update-task-metadata-and-api-responses
codex/verify-podcast-analysis-and-cost-tracking
codex/assert-api-endpoints-on-startup
codex/add-env-controlled-guard-for-stripe-key
codex/remove-feature-flag-for-production-demo
codex/add-mode-aware-redirect-logic-in-pricingpage
codex/document-deployment-configuration-for-demo-mode
codex/ensure-api.subscription.router-always-included
codex/guard-onboarding-manager-and-endpoints
codex/wrap-router-inclusion-in-demo-mode-check
codex/add-podcast-only-demo-mode-toggle
dependabot/npm_and_yarn/frontend/npm_and_yarn-f5ea90b336
codex/update-reset_current_billing_period-logic
codex/update-error-handling-in-monitoring-middleware
codex/move-stripe_plan_price_mapping-to-env-driven-config
codex/refactor-billingservice-to-use-authenticated-user
codex/update-user-access-verification-for-routes
session/agent_eae6711f-e04b-4d48-8d66-43ee051feb7b
v0.5.0
v0.3
v0.2
v0.1
Labels
Clear labels   
AI Content Agents

   
AI Content Strategy

   
AI Content planning

   
AI Marketing Tools

   
AI SEO

   
AI personalization

   
AI writer

   
ALwrity Copi-lot

   
Alwrity web search

   
Anthropic

   
DeepSeek

   
Gemini AI

   
Integration

   
LLM

   
OnBoarding

   
OnBoarding

   
RAG knowledgebase Memory

   
bug

   
documentation

   
enhancement

   
good first issue

   
help wanted

   
invalid

   
openai

   
pull-request

Mirrored from GitHub Pull Request

No labels
AI Content Agents
AI Content Strategy
AI Content planning
AI Marketing Tools
AI SEO
AI personalization
AI writer
ALwrity Copi-lot
Alwrity web search
Anthropic
DeepSeek
Gemini AI
Integration
LLM
OnBoarding
OnBoarding
RAG knowledgebase Memory
bug
documentation
enhancement
good first issue
help wanted
invalid
openai
pull-request
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/ALwrity#543
No description provided.