Mirardes Posts - Answer Overflow

Mirardes

Posts Comments

SSolidJS

•Created by Mirardes on 2/13/2024 in #support

Uncaught TypeError: Cannot read properties of undefined (reading 'afterCreateSignal')

12 replies

SSolidJS

•Created by Mirardes on 2/12/2024 in #support

Lazy Loading make a blank page when component change

Hi, I have an issue with Lazy Loading for solid-start. Actually, I have implement a switch component with lazy loading enabled but when I change a component (who is lazy loaded), the page become blank during less than 1 seconds... Can someone can help me ? It's reproducible with builded repo : pnpm build && node .output/server/index.mjs Repro : https://github.com/qlaffont/test-lazy

31 replies

SSolidJS

•Created by Mirardes on 12/27/2023 in #support

[Solid-Start] Issue with context who don't return the value

Hello I have a very strange bug with the new solid-start template : I have a library who is package with tsup and tsup-preset-solid : https://github.com/qlaffont/rosetty-solid When I try to import my provider to access to my context and call it in my app sometimes I can access to the context value and sometimes I got undefined If i rebuild with tsup -> It will work 1 time and the other time is breaking but no changes have been made on the code It's very frustrating... Can someone can help me, it is very strange and it is blocking me to make the migration to new solid start for my company :

153 replies

SSolidJS

•Created by Mirardes on 12/13/2023 in #support

[Solid-Start] [Meta] Encoding Issue

Hello I have an issue with @solidjs/meta on solid-start. When I precise a title with an accent, the accent is replace in the rendered html. Is it normal ? Ex : Démo -> DÃ©mo

2 replies

SSolidJS

•Created by Mirardes on 11/21/2023 in #support

Dynamic Component is not working

Hi, I try to use Dynamic component without success. I have try to replicate the issue in playground and the bug is still present : Playground : https://playground.solidjs.com/anonymous/83f1450a-6060-4ae1-8361-b6436402949b

import { Dynamic, render } from "solid-js/web";
import {  createEffect, createSignal } from "solid-js";

export const StepperLayout = (props) => {
  console.log('QWEQWEQWEQE');

  return <>STEP LAYOUT {props?.children}</>;
};

export const AppLayout = (props) => {
  return <>APP LAYOUT {props?.children}</>;
};


const LayoutHome = (props: { children; currentStep?: string }) => {
  const [layout, setLayout] = createSignal(AppLayout);

  createEffect(() => {
    if (props.currentStep?.startsWith('STEP')) {
      setLayout(StepperLayout);
    }
  });

  createEffect(() => {
    console.log(layout(), AppLayout);
  });

  return <Dynamic component={layout()}>{props.children}</Dynamic>;
};

function Counter() {
  const [count, setCount] = createSignal(1);
  const increment = () => setCount(count() + 1);

  return (
    <button type="button" onClick={increment}>
      {count()}
    </button>
  );
}

render(() => <><LayoutHome currentStep="STEP">toto</LayoutHome></>, document.getElementById("app")!);

import { Dynamic, render } from "solid-js/web";
import {  createEffect, createSignal } from "solid-js";

export const StepperLayout = (props) => {
  console.log('QWEQWEQWEQE');

  return <>STEP LAYOUT {props?.children}</>;
};

export const AppLayout = (props) => {
  return <>APP LAYOUT {props?.children}</>;
};


const LayoutHome = (props: { children; currentStep?: string }) => {
  const [layout, setLayout] = createSignal(AppLayout);

  createEffect(() => {
    if (props.currentStep?.startsWith('STEP')) {
      setLayout(StepperLayout);
    }
  });

  createEffect(() => {
    console.log(layout(), AppLayout);
  });

  return <Dynamic component={layout()}>{props.children}</Dynamic>;
};

function Counter() {
  const [count, setCount] = createSignal(1);
  const increment = () => setCount(count() + 1);

  return (
    <button type="button" onClick={increment}>
      {count()}
    </button>
  );
}

render(() => <><LayoutHome currentStep="STEP">toto</LayoutHome></>, document.getElementById("app")!);

36 replies

SSolidJS

•Created by Mirardes on 11/9/2023 in #support

Change Component Name

Actually I'm developing for a design system a component Title and I want to be able to have a props named tag to change the tag of the component (h1/h2/h3). When I try to do this I have "Comp is not a function" This is the code :

 <props.tag>
      {props.children}
 </props.tag>

 <props.tag>
      {props.children}
 </props.tag>

Can someone can help please ? Thanks !

2 replies

SSolidJS

•Created by Mirardes on 11/6/2023 in #support

Error: Hydration Mismatch

Hello, I have an error with one of my plugin. I have always an issue with Hydration MisMatch. Can some one help me please ? https://github.com/qlaffont/rosetty-solid/blob/master/src/index.tsx

58 replies

SSolidJS

•Created by Mirardes on 11/6/2023 in #support

Error: Hydration Mismatch with component from node_modules

Hello, I have an issue with Solid-Start Hydration process. Everything is described on the github issue and i have put a reproduction : https://github.com/solidjs/solid-start/issues/1110 Can someone can help me please ?

8 replies

SSolidJS

•Created by Mirardes on 10/24/2023 in #support

Issue wih testing (Solid-jest)

Hello, I'm currently working on a Solid Start library. I'm currently using tsdx to package my app and jest to test my application. Currently, I have an error when I execute tests !

11 replies

Gaming

Programming