kolibril13 / ipymafs

Interactive math react components in jupyter

👋 Hi, I am Hendrik and I am building tools in the python visualization ecosystems.

ipymafs's Issues

jupyter-mafs is currently broken

see widgetti/ipyreact#42 (comment)

Interactive elements do not work

When going to the https://code.esm.sh/ playground, static mafs components load just fine:

Copy pasting this css content https://unpkg.com/[email protected]/core.css
and this react code (based on https://mafs.dev/guides/display/lines)

import React from "https://esm.sh/react"
import { Mafs, Line, Coordinates, useMovablePoint } from "https://esm.sh/mafs"

export default function SimplePoint() {
  const point1 = useMovablePoint([-2, -1])
  const point2 = useMovablePoint([2, 1])

  return (
    <Mafs viewBox={{ x: [-2, 2], y: [-1, 1] }}>
      <Coordinates.Cartesian />
      <Line.Segment
        point1={point1.point}
        point2={point2.point}
      />
    </Mafs>
  )
}

works fine!

However, when I add {point1.element} to the react component like this:

<Mafs viewBox={{ x: [-2, 2], y: [-1, 1] }}>
      <Coordinates.Cartesian />
      <Line.Segment
        point1={point1.point}
        point2={point2.point}
      />
    {point1.element}
    </Mafs>

I get the error:

[Error] TypeError: Object.entries requires that input parameter not be null or undefined