widgetti / widgetti/ipyreact

How to install peer dependencies in ipyreact?

Open
#20 9 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
134
Forks
9
PR merge metrics
No merged PRs in 30d

Description

For jupyter-tldraw, I am currently using the old version 1 of tldraw, but now there is a new version 2.

The docs say I should install like this:
npm install @tldraw/tldraw@alpha signia signia-react
because tldraw v2 has peer dependencies on signia and signia-react.

I tried
import { Tldraw } from "@tldraw/tldraw@alpha";
but that did not work.

I got this error message in the console:

Multiple versions of signia detected. This will cause unexpected behavior.   
Please add "resolutions" (yarn/pnpm) or "overrides" (npm) in your package.json to ensure only one version of signia is loaded.
(anonymous) @ index.ts:11

Does someone have an idea how I can get the signia and signia-react dependencies installed?

Here is the full example
%%react

import * as React from "react";
import {  } from "@tldraw/signia";

import { Tldraw } from "@tldraw/tldraw@alpha";



export default function App() {
  return (
    <div
      style={{
        position: "relative",
        width: "800px",
        height: "350px",
      }}
    >
      <Tldraw />
    </div>
  );
}

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the full example in the issue with the tldraw v2 installation described in the linked docs, then inspect how ipyreact loads React package dependencies. Done means the example renders without the multiple-versions-of-signia warning and the required peer dependencies resolve consistently.

Written by the indexing model from the issue text.

Assessment

Tech stack
jupyter-notebook, react, typescript
Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.