Next 13. 2 instances being created

[paulm17]

I'm using Next 13 and using the following:

"use client";

import TusUploady from "@rpldy/tus-uploady";

interface providerProps {
  children: any;
}

function UploadyProvider({ children }: providerProps) {
  return (
    <TusUploady
      debug
      noPortal={true}
      autoUpload={false}
      destination={{
        url: `${process.env.NEXT_PUBLIC_DAM_STORAGE_UPLOAD_URL}/upload`,
      }}
      chunkSize={2142880}
    >
      {children}
    </TusUploady>
  );
}

export default UploadyProvider;

I'm seeing 2 upload instances are being created?

I'm seeing on the server side:

@@@@@@ Uploady Rendering @@@@@@ {
  debug: true,
  autoUpload: false,
  destination: { url: 'http://localhost:9450/upload' },
  enhancer: undefined,
  inputRef: { current: undefined },
  children: [
    {
      '$$typeof': Symbol(react.element),
      type: [Object],
      key: null,
      ref: [Object],
      props: [Object],
      _owner: null,
      _store: {}
    },
    {
      '$$typeof': Symbol(react.element),
      type: [Object],
      key: null,
      ref: null,
      props: [Object],
      _owner: null,
      _store: {}
    }
  ]
}
Uploady creating a new uploader instance {
  autoUpload: false,
  destination: { url: 'http://localhost:9450/upload' },
  enhancer: undefined
}
uploady.uploader: creating new instance (uploader-2) {
  options: {
    autoUpload: false,
    destination: { url: 'http://localhost:9450/upload' },
    enhancer: undefined
  },
  counter: 2
}

Now I figure, why not dynamically load it, skipping ssr?

import dynamic from "next/dynamic";

const UploadyProvider = dynamic(() => import("./uploadyProvider"), {
  ssr: false,
});

return (
   <UploadyProvider>
      ...
   </UploadyProvider>

Still seeing 2 instances, is this intended behaviour? Thanks

[yoavniran]

Hey @paulm17
you should check whether there's a reason your UploadProvider components i rendering twice. As in, is there anything that causes it to re-render (parent component re-render, state change, etc).

Beyond of course the known issue with StrictMode (in dev mode) - https://stackoverflow.com/a/61897567/107976