Error: Snapshot `transform > should transform the code 1` mismatched - Expected + Received @@ -1,75 +1,7 @@ "import { jsxDEV } from "react/jsx-dev-runtime"; - import { jsxDEV } from "react/jsx-dev-runtime"; - const MyComponent = ({ children }) => { - return /* @__PURE__ */ jsxDEV("my-component", { class: "hydrated sc-my-component-h", first: "John", kidsnames: '["John","Jane","Jim"]', last: "Doe", middle: "William", "s-id": "1", dangerouslySetInnerHTML: { __html: ` - <!--r.1--> - <div c-id="1.0.0.0" class="sc-my-component"> - <!--t.1.1.1.0--> - Hello, World! I'm John William Doe - <p c-id="1.2.1.1" class="sc-my-component"> - <!--t.1.3.2.0--> - Age: - </p> - <p c-id="1.4.1.2" class="sc-my-component"> - <!--t.1.5.2.0--> - Kids: John, Jane, Jim - </p> - <p c-id="1.6.1.3" class="sc-my-component"> - <!--t.1.7.2.0--> - Favorite kid: - </p> - </div> - ` } }, void 0, false, { - lineNumber: 4, - columnNumber: 5 - }); - }; - const MyList = ({ children }) => { - return /* @__PURE__ */ jsxDEV("my-list", { children: "[]", class: "hydrated sc-my-list-h", "s-id": "3", dangerouslySetInnerHTML: { __html: ` - <!--r.3--> - <ul c-id="3.0.0.0" class="sc-my-list sc-my-list-s"> - <!--s.3.1.1.0.--> - </ul> - ` } }, void 0, false, { - lineNumber: 27, - columnNumber: 5 - }); - }; - const MyListItem = ({ children }) => { - return /* @__PURE__ */ jsxDEV("my-list-item", { children: "Item 1", class: "hydrated sc-my-list-item-h", "s-id": "4", dangerouslySetInnerHTML: { __html: ` - <!--r.4--> - <li c-id="4.0.0.0" class="sc-my-list-item sc-my-list-item-s"> - <!--s.4.1.1.0.--> - </li> - ` } }, void 0, false, { - lineNumber: 37, - columnNumber: 5 - }); - }; - const MyCounter = ({ children }) => { - return /* @__PURE__ */ jsxDEV("my-counter", { class: "hydrated sc-my-counter-h", "s-id": "7", dangerouslySetInnerHTML: { __html: ` - <!--r.7--> - <div c-id="7.0.0.0" class="sc-my-counter"> - <button c-id="7.1.1.0" class="sc-my-counter"> - <!--t.7.2.2.0--> - - - </button> - <span c-id="7.3.1.1" class="sc-my-counter"> - <!--t.7.4.2.0--> - 0 - </span> - <button c-id="7.5.1.2" class="sc-my-counter"> - <!--t.7.6.2.0--> - + - </button> - </div> - ` } }, void 0, false, { - lineNumber: 47, - columnNumber: 5 - }); - }; + import { MyComponent, MyList, MyListItem, MyCounter } from "component-library-react"; import Input from "../components/Input"; export const meta = () => { return [ { title: "New Remix App" }, { name: "description", content: "Welcome to Remix!" } ❯ test/transform.test.ts:35:50